CSS 可以通过 float 属性来实现两张图片并排放置的效果。float 属性可以让元素向左或向右浮动,同时让其他块级元素环绕着它。
.left { float: left; margin-right: 10px; } .right { float: right; margin-left: 10px; }
使用上面的 CSS ,可以将左边的图片设置为左浮动,而右边的图片设置为右浮动,并且各自留出 10 像素的间距。这样就可以让两张图片横向并排的展示出来。
如果需要多张图片并排显示,只需要重复上面的步骤,注意调整间距使得图片排列更加美观即可。