[分享]css两张图片成一行

CSS可以很容易地让两张图片并排在同一行，只需要使用以下代码：img { display: inlineblock; width: 50; } 以上代码将两张图片的宽度设置为50，然后将它们显示为内联...

CSS可以很容易地让两张图片并排在同一行，只需要使用以下代码：

img {
  display: inline-block;
  width: 50%;
} 

以上代码将两张图片的宽度设置为50%，然后将它们显示为内联块元素。这将使它们出现在同一行。

以下是一个示例：

<div>
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
</div> 

或者，您可以使用flexbox来实现这一目标：

.container {
  display: flex;
  justify-content: space-between;
}

img {
  width: 45%;
} 

通过设置容器为flexbox并在它们之间进行对齐，您可以很容易地将两张图片并排在同一行。