[分享]css两张图片一行

在网页设计中，如何让两张图片横向并排显示？CSS提供了很多解决方案，下面我们介绍两种方法。

/* 方法一：使用display:inline-block */
img {
  display: inline-block;
  width: 50%;
} 

上面的代码中，我们将图片的display属性设为inline-block，让它们可以排成一行并且保持块级元素的特性，同时设置宽度为50%，以保证两张图片平分一行。

/* 方法二：使用float属性 */
img {
  float: left;
  margin-right: 10px;
} 

这种方法则是使用了float属性，将图片向左浮动，并设置右侧外边距为10像素，以防止图片紧贴在一起。使用这种方法注意需要清除浮动以避免布局出现问题。