Question

css如何把图片按一行几张的形式排列？

如图

我想让图片一行只显示3张 如果图片多的话 一行超过3张了 会另起一行 能否给个类似的例子的样式？

Answer 1

<style>
.img-wrap{
width:300px;
border:1px solid #336699;
}
img{
float:left;
width:92px;
height:70px;
}
</style>
<div class='img-wrap'>
<img src=''>
<img src=''>
<img src=''>
<img src=''>
<img src=''>
</div>
通过设置.img-wrap 宽度来显示一行图片个数

Answer 2

给父div定宽度，里面图片浮动，每个图片宽度是父div的32%就行，还要留点间距..

Answer 3

这个太简单了吧，你先算好三张图片的宽度，再设置一个div将图片放到里面，并且将div加一个“float:left”的属性就可以了