• 解决方法一
    1
    <ul><li>1</li><li>2</li><li>3</li><li>4</li></ul>

没错,不换行就没一点事,但是代码美观就欠缺了

  • 解决方法二
    1
    2
    3
    4
    5
    <ul style="font-size:0px;">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    </ul>

这个没测试,百度有很多是这样说的,但是缺点是下面的li要重新设置字体大小且Safari浏览器还是有空格

  • 解决方法三
    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>

将字符间隔消除,同样的要将li的字符还原,是比较完美的方法了