为什么我用css把每个图片分别放在div里,给每个div设置了左浮动,结果出现了下面情况

html-css033

为什么我用css把每个图片分别放在div里,给每个div设置了左浮动,结果出现了下面情况,第1张

请把浮动清除 然后给 包着图片的每个 div 加一个 display:inline-block

然后给div外层元素加 font-size:0line-height:0 然后 给每个div 加入字体大小和行高就可以了。

首先你要知道要截取的图片在整张图片中的偏移量以及大小。然后:

<div style="width:wwwpxheight:hhhpxbackground:url(图片url) no-repeat -lllpx -tttpx"></div>

其中www是要截取的小图片的宽度,hhh则是高度;

lll是小图片的左边在大图片的偏移量,ttt则是上边的偏移量。

请注意负号不能省略!