稍稍计算一下,对于单行的li,文字高度假设是12px,那么上下的边距就是4px,所以
li { font-size:12pxpadding: 4px 10px 4px 10px}
这样,当文字多余一行的时候就会自动加高而且保持边距
如果觉得多行文字显得拥挤的话,使用line-height来控制:
li { font-size:12pxline-height:14pxpadding 3px 10px 3px 10px}
这样就好多了
可以试试给.nav li 加上样式overflow:hidden或者zoom:1触发haslayout不过既然指定了line-height:50px不如把height也设为50px