img { float: left; margin-right: 10px; }
该样式代码首先选中所有的图片元素,并设置它们浮动到左侧。接着,给每张图片设置一个向右的10像素的外边距,使得图片之间有一定的间距。
值得注意的是,要使多张图片并排,大家需要确保图片总宽度不超过其容器宽度。否则,图片将会一行放不下,换行显示。
以下是一个简单的示例,其中三张图片被排成一行:
<div class="image-gallery"> <img src="image1.jpg" alt="image 1"> <img src="image2.jpg" alt="image 2"> <img src="image3.jpg" alt="image 3"> </div>
将上面的CSS样式代码添加到样式表中,即可使三张图片并排展示。如果需要调整图片之间的间距或其他样式,请根据需求修改CSS代码。