使用父元素的类将2张图片彼此相邻对齐答案

【问题标题】：Aligning 2 pictures next to each other by using the class of the parent element使用父元素的类将2张图片彼此相邻对齐
【发布时间】：2022-11-13 17:17:29
【问题描述】：

我想把 1 颗星排列成 6 颗星的图片通过选择父元素的类。

.stars {
  /* what tag can use? */
}

<div class="stars">
  <img src="image/stars.jpeg">
  <img src="image/stars.jpeg">
  <img src="image/stars.jpeg">
  <img src="image/stars.jpeg">
  <img src="image/stars.jpeg">
  <img src="image/stars.jpeg">
</div>

【问题讨论】：

图像是inline-elements，因此默认情况下应彼此相邻显示（假设可用宽度足够）

标签： html css image

【解决方案1】：

在父元素上，您可以使用：

display: flex;

您可以在此处找到对弹性框的详细说明：

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

【讨论】：