css - 如何使用CSS在垂直方向上排列图像？

我有一个问题。

图像大小不同。

我需要安排在垂直的中间。



图片的链接会动态更改。

而且我不希望使用行高。

是否有最佳且流行的方法来解决此问题？

最佳答案

您可以使用CSS Flexbox。使您的父母成为弹性容器，并在图像中使用align-self: center。

.img-holder {
  display: inline-flex;
  background: black;
}

img {
  align-self: center;
  margin: 10px;
}

<div class="img-holder">
  <img src="http://placehold.it/50x50" alt="image" />
  <img src="http://placehold.it/50x60" alt="image" />
  <img src="http://placehold.it/50x70" alt="image" />
  <img src="http://placehold.it/50x30" alt="image" />
  <img src="http://placehold.it/50x20" alt="image" />
</div>

希望这可以帮助！

关于css - 如何使用CSS在垂直方向上排列图像？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41166867/