如何使我的图片显示在半个屏幕上？

<div class="image-container">
  <img src="your-image-url" alt="Your Image">
</div>

.image-container {
  width: 50%; /* 设置容器元素宽度为屏幕的一半 */
  display: flex; /* 使用flex布局使图片居中显示 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

.image-container img {
  max-width: 100%; /* 图片最大宽度为容器元素的宽度 */
  height: auto; /* 保持图片宽高比例 */
}