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

来源:互联网 发布:网络同步课堂 编辑:程序博客网 时间:2024/05/01 15:56

解决办法:
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.

0 0