css 元素换行产生空白间隙问题

html-css021

css 元素换行产生空白间隙问题,第1张

inline-block本身会自带空隙或者block块级元素和其他元素之间因为空白而产生间隔。

容器设置font-size:0子容器再设置font-size即可

如：

html结构举例：

<div id="box">

    <div>后面的span换行有空隙可根据下面的css设置修正</div>

    <span>测试</span>

</div>

css举例：

#box{font-size:0}

#box div{font-size:14px}

#box span{font-size:12px}

css图片中间添加空白区域按照以下步骤弄。

1、将图片转化为块级对象。

2、设置图片的垂直对齐方式。

3、设置父对象的文字大小为0px。

4、改变父对象的属性。

5、设置图片的浮动属性。

6、取消图片标签和其父对象的最后一个结束标签之间的空格。