ul的li为什么有空白行，CSS并未定义

　　Word 文档有空白行大多数编辑过文档的人应该都遇到过，而ul的li也有空白行恐怕经常做Web前端设计的人员也不一定见过。ul li 空白行不是在 li 中，而在 li 之外，也就是每个 li 的上面都有一行空白行，CSS并未定义这样的空白行。

　　正常情况下，只有用 margin 或 padding 定义之后，li 的四面才可能出现空白，而现在既未用 margin 定义也没有用 padding 定义，怎么也会多出空白行，行从何来，的确让人困惑。为解开这个迷团解决问题，进行了反反复复的修改 CSS 样式，首先把 ul 和 li 的 CSS 样式的 margin 和 padding 都设置为 0，结果无效；再把行高 line-height 也去掉，问题依旧，把可能出现空白行的属性都尝试后仍然解决不了问题，只能换一种思路，终于工夫不负有心人找到了症结所在，最终原因请看下文。

　　一、ul li 空白行实例

　　htm代码：

　　<ul class="ul">
　　　<li>ul li 空白行实例</li>
　　　<li>ul的li为什么有空白行，CSS并未定义</li>
　　</ul>

　　CSS样式：

　　.ul{width:300px;height:100px;border:1px solid #232323;list-style:none;margin:0px;padding:0px;}
　　.ul li{line-height:24px;border-bottom:1px solid #232323;}

　　效果图：

图1

　　每行 li 都定义了一条下划线，空白行的下面没有下划线，说明空白行不是 li 所致；在 ul 的 CSS 样式中已经把 margin 和 padding 都设置为 0，li 的 CSS 样式中并没有设置它们，也不是它们所致。

　　二、ul li 空白行解决方法

　　把可能的原因都排除之后，尝试把每个 li 前面的空格都去掉，结果空白行消失了，原来是空格形成的空白行。由于空格是隐藏着的，很不容易发现，所以找不到原因时一定不要忘了空格。

　　去空格后的效果图：

图2