img{width:184pxheight:140pxfloat:leftmargin-right:10px}
.m0{margin-right:0}
html部分如下:
<img src="" />
<img src="" />
<img src="" />
<img src="" />
<img src="" class="m0" />
说明:
图片宽度 184×5=920
剩余间距 960-920=40
5张图4个间距,每个 40÷4=10
样式中img将5张图均设置右边距(margin-right)10px,总间距10×5=50
总间距超出剩余间距10,故单独在第5张图上加样式margin-right:0清除右间距
欲想效果出现
:)
就像你说的那样了,大概就是这么回事。但是也是和浏览器有关,我用2345浏览器试了试,不写margin-left:300px它也能“顶上去”。
这有时是要看浏览器的情况,但是写上是最好的,大概写上时,多数的浏览器都应该是一个效果吧。