众多img标签排列在一起产生间隙如何处理

来源:互联网 发布:java编译器sand中文版 编辑:程序博客网 时间:2024/05/17 23:25

 

在一个元素下面如果排列很多img标签的话的确会有空隙 不但垂直方向有,水平方向也有,其实这个问题很简单,在ie6下面你写个div规定他的高度为0,其实他还是有自己的高度的,就是默认字体的高度,ie6固执的认为该div高度不能小于默认字体的高度--大约是12px,只要设置fong-size:0这个问题就解决了

在网上搜了一下,发现old9说的
在这里同样是这个问题,之所以vertical:middle能够解决垂直方向的间隙是因为图片文字等inline元素默认是和父级元素的baseline对齐的,而baseline又和父级底边有一定距离,所以设置 vertical-align:top/bottom/text-top/text-bottom 都可以避免这种情况出现。

0 0
原创粉丝点击