本文介绍了一种利用HTML和CSS实现图片三行四列排版的方法。通过设置包含图片元素的div层宽度为800px，并定义每个图片的宽度为195px，从而使得10张相同大小的图片能够整齐地排列成三行四列的形式。
1.设置图片所在层<div id='img'>的宽度width:800px;
2.定义图片的宽度width: 195px;
<div class="img">
<div class="image"><img src="195.gif"></div>
<div class="image"><img src="195.gif"></div>
<div class="image"><img src="195.gif"></div>
<div class="image"><img src="195.gif"></div>
<div class="image"><img src="195.gif"></div>
<div class="image"><img src="195.gif"></div>
<div class="image"><img src="195.gif"></div>
<div class="image"><img src="195.gif"></div>
<div class="image"><img src="195.gif"></div>
<div class="image"><img src="195.gif"></div>
</div>
这样就实现了三行四列的排版
扫一扫
4814
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
