CSS网页制作技巧:ul的li高度不兼容问题_css

在页面中有时候使用ul li列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样，ie8与FF高度一样)，设置高后使用 overflow:hidden;也无济于事，这个问题一直困扰着我，以至于我后来只能使用DIV来做列表，但是这样只能说是对付上的，但没从实际上解决这个问题。

后来在网上找到了一个方法，在li样式上加上vertical-align:bottom便解决了，但原因还是不理解，希望看到的朋友能给个合理的解释，谢谢!

我查了下css帮助文档，里面对vertical-align的描述是这样的：

语法：

vertical-align : auto baseline sub super top text-top middle bottom text-bottom length

取值：

auto :　CSS1 根据 layout-flow 属性的值对齐对象内容
baseline :　CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐
sub :　CSS1 垂直对齐文本的下标
super :　CSS1 垂直对齐文本的上标
top :　CSS1 将支持 valign 特性的对象的内容对象顶端对齐
text-top :　CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
middle :　CSS1 将支持 valign 特性的对象的内容与对象中部对齐
bottom :　CSS1 将支持 valign 特性的对象的内容与对象底端对齐
text-bottom :　CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
length :　CSS2 由浮点数字和单位标识符组成的长度值 百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0，对于百分数来说就是0%。请参阅 长度单位 。目前IE尚未实现此参数

说明：

设置或检索对象内容的垂直对其方式。
对于 currentStyle 对象而言此属性的默认值为 auto 。对于其他对象而言是 baseline 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 verticalAlign 。

欢迎大家阅读《CSS网页制作技巧:ul的li高度不兼容问题…_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

喜欢 (0)赏

[搞代码]

分享 (0)