阳春信息互联网论坛» 电脑爱好者 » 网页学堂 » 当ul/ol列表拥有layout后
管理员
就是喜欢你BUICK
又是layout惹来的麻烦,在IE中当ul/ol里的li拥有layout后会影响列表的表现。这奇怪错误是IE独有的BUG,恐怕只有Microsoft的制作团队才能解决,我们可以做到的只有设法绕过这错误表现避免使用拥有layout css属性。具体请参考以下实例 实例1:当ul列表拥有layout 当ul li拥有 layout 时,列表符号会底部对齐(而不是按照预料的顶部对齐)。 deom1: http://blog.gulu77.com/demo/200806/listDeom1.html 解决方案:可以使用 vertical-align:top; 令列表符号按顶部对齐 deom2: http://blog.gulu77.com/demo/200806/listDeom2.html 实例2:当ol列表拥有layout 当ol li拥有 layout 时,有序的数字列表li似乎把自己重新独立的计算显示为1, 而直接跳到下一个序号。 deom3: http://blog.gulu77.com/demo/200806/listDeom3.html 解决方案:可以使用line-height 来替换 height 因为 line-height不会令元素拥有layout deom4: http://blog.gulu77.com/demo/200806/listDeom4.html 补充说明列表对:position:absolute; 跟 float: left|right; 解析 position:absolute; 跟 float: left|right; 属性值将显示了更高级的错误, 他们连数字也没办法显示出来. deom5: http://blog.gulu77.com/demo/200806/listDeom5.html ul/ol里的li拥有layout后会影响列表的表现,要如何能控制该元素样式同时令其不会具有layout,方法很多只要你去想。 例如: width会使用元素拥有布局,那么我们要如何给LI定义宽度呢? 答案是在父级定义width使li承继。 height同样会使用元素拥有布局,可以使用不具拥有布局的line-height来代替。
查看个人网站
查看详细资料
TOP