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

html-css021

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

不用height属性

稍稍计算一下,对于单行的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