css一行两图

CSS一行两图是常用的一种布局方式，可以在一个位置上同时显示两张图片。下面我们来看一下实现的方法。

.container{
  width: 300px;
  height: 200px;
  display: flex;
  justify-content: space-between;
}
img{
  width: 140px;
  height: 180px;
} 

以上代码中，首先设置一个容器的宽度为300px、高度为200px，然后使用了flex布局，并设置了justify-content属性的值为space-between，这样就能让两张图分别在容器的两端显示。接着，设置了img标签的宽度和高度，这两张图就能按照设置的尺寸在容器中显示。

下面我们来看一下具体的效果：

如上图所示，两张图片分别在容器的左右两端显示，同时占据着容器宽度的一半，是比较简单且常用的布局方式。