- 解决方法一没错,不换行就没一点事,但是代码美观就欠缺了
1
<ul><li>1</li><li>2</li><li>3</li><li>4</li></ul>
- 解决方法二这个没测试,百度有很多是这样说的,但是缺点是下面的li要重新设置字体大小且Safari浏览器还是有空格
1
2
3
4
5<ul style="font-size:0px;">
<li>1</li>
<li>2</li>
<li>3</li>
</ul> - 解决方法三将字符间隔消除,同样的要将li的字符还原,是比较完美的方法了
1
2
3
4
5
6
7
8
9
10
11
12
13<style type="text/css">
ul{
letter-spacing: -4px;
}
li{
letter-spacing: normal;
}
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
ul-li使用display-inline-block一行显示出现空格的解决方法
使得梯云纵 方能水上漂