div+css怎么设置让5张图片均匀排列在一行?

html-css024

div+css怎么设置让5张图片均匀排列在一行?,第1张

css部分如下:

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它也能“顶上去”。

这有时是要看浏览器的情况,但是写上是最好的,大概写上时,多数的浏览器都应该是一个效果吧。