您的位置:首页 > 其它

如何消灭inline元素换行产生的空白

2016-04-22 22:17 218 查看
解决办法:

1.牺牲html代码的可读性,编程时不使用换行。其实这样做纯属无奈之举,而且被人重新排版了就不行了。

2.将父级font-size置0,行内元素再恢复字体大小。因为inline元素实际上是没有width和height而言的,font-size的高度实际上就是元素的高度。

3.利用注释进行排版,或者使用返回标签。

<ul>
<li>Item content</li><!--
--><li>Item content</li><!--
--><li>Item content</li>
</ul>


<ul>
<li>Item content</li
><li>Item content</li
><li>Item content</li>
</ul>


4.利用word-space,将空白字符的间距变为0.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: