CSS使图片一直保持在中间一直保持在中间

可以使用以下CSS样式来将图片水平和垂直居中：

方法一：使用flex布局

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

<div class="container">
  <img src="image.jpg" alt="image">
</div>

方法二：使用绝对定位和负边距

.container {
  position: relative;
}
img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

<div class="container">
  <img src="image.jpg" alt="image">
</div>

方法三：使用text-align和line-height

.container {
  text-align: center;
  line-height: 200px; /* 图片高度 */
}
img {
  vertical-align: middle;
}

<div class="container">
  <img src="image.jpg" alt="image">
</div>

相关问题

CSS使图片一直保持在中间

可以使用以下CSS代码使图片一直保持在中间：

img {
  display: block;
  margin: auto;
}

这将使图片以块级元素的形式显示，并将其水平居中于其父元素中。如果您想使图片垂直居中，可以使用以下CSS代码：

img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

这将使图片以绝对定位的方式放置在其父元素中，并将其水平和垂直居中。请注意，这种方法需要其父元素具有相对定位或绝对定位。