Question

CSS UL LI高度问题

代码一：
.nav{float:left; width:600px;}
.nav ul{ list-style-type:none; padding:0px; margin:0px; float:left; }
.nav li{ float:left; padding:50px 10px 0px 10px; vertical-align:bottom;}
代码二：line-height:50px；这个加上去不兼容IE6 IE7一样 IE8 和火狐一样
.nav{float:left; width:600px;}
.nav ul{ list-style-type:none; padding:0px; margin:0px; float:left; }
.nav li{ float:left; padding:0px 10px 0px 10px; vertical-align:bottom; line-height:50px;}

<div class="nav">
<ul>
<li>News</li>
<li>About Us</li>
<li>Contact</li>
</ul>
</div>

Answer 1

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

追问

网上说加一个vertical-align:bottom；line-height:50px; overflow:hidden; height:50px;这样写也不行
只有_line-height:48px; *line-height:48px; 这样感觉太不规范了 有时候要用到line-height调文字 哎

追答

你是指line-height在各个浏览器下表现不一致吗？
这个没有什么好办法，可以使用css hack _line-height，但是代码会比较乱，如果不是
需要非常精确，我觉得偏移一两个像素是可以接受的。

Answer 2

paddind跟vertical-align问题
lie-height:50px; 配合height:50px;高度居中
最好贴图出来。