css一行有两张图片

CSS常用于设置网页的样式和布局，而在其中有一个比较常见的需求就是让一行中同时显示两张图片。通过CSS的技巧，我们可以很方便地实现这个效果。

// HTML代码
<div class="img-container">
  <img src="img1.jpg">
  <img src="img2.jpg">
</div>

// CSS代码
.img-container {
  display: flex;  //将div元素的子元素按照水平方向排列
  justify-content: space-between; //子元素在容器中水平分布
}

.img-container img {
  width: 50%;  //每张图片宽度为容器的一半
} 

代码解释：首先要通过HTML的代码将两张图片放在一个div容器中，然后在CSS中设置这个容器的样式。我们使用了弹性布局`display: flex;`，让这个div的子元素按照水平方向排列。然后，我们使用`justify-content: space-between;`让两个图片平均分布在容器中的两侧。最后，我们给图片元素设置样式`width: 50%;`，让每张图片的宽度都为容器的一半，这样两张图片就可以同时显示在一行中了。