可以用css定义ul列表中单个li的高度吗?

Question

所以li的统一高度为20px; 但是有个别的li里面出现了换行,所以高度要比20px高,这个时候我该如何写代码啊?

Answer 1

不用height属性
稍稍计算一下，对于单行的li，文字高度假设是12px，那么上下的边距就是4px，所以
li { font-size:12px; padding: 4px 10px 4px 10px; }
这样，当文字多余一行的时候就会自动加高而且保持边距
如果觉得多行文字显得拥挤的话，使用line-height来控制：
li { font-size:12px; line-height:14px; padding 3px 10px 3px 10px; }
这样就好多了

Answer 2

可以试试给.nav li 加上样式overflow:hidden或者zoom:1触发haslayout
不过既然指定了line-height:50px;不如把height也设为50px本回答被网友采纳