CSS网页制作技巧:ul的li高度不兼容问题
2014-01-14 13:51
579 查看
在页面中有时候使用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 。
后来在网上找到了一个方法,在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 。
相关文章推荐
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- 网页制作之html基础学习6-CSS浏览器兼容问题
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- CSS网页制作技巧:图片的自适应居中和兼容处理(转)
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- css ul li 的使用及浏览器兼容问题
- ul/li的使用及浏览器兼容问题
- 网页制作常见的问题(怎样兼容IE6/IE7/火狐浏览器)
- css ul li 制作导航条
- CSS利用UL LI制作横向列表菜单
- ul/li的使用及浏览器兼容问题
- 制作网页时关于网页浏览器兼容问题的分析
- DIV+CSS布局网页必须考虑的浏览器兼容的技巧
- CSS网页制作技巧:背景图片定位 显示切图的一部分作为背景显示
- IE与FF不兼容网页布局CSS问题解决方案()
- 网页制作技巧:iframe自适应高度
- DIV+CSS网页制作布局技巧学习
- Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加:1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法