您现在的位置是：网站首页> 编程资料编程资料
IE6下 vertical-align:middle 和 height 引发的边框消失_CSS教程_CSS_网页制作_
2023-11-02
124人已围观
简介 css样式： <style type="text/css"> ul{ list-style:none;} li,div{border:1px solid #ff0000; vertical-align:middle; height:50px;} </style> html结构： <div>测试</div> （注意：<div>测试</div>后面没有其他文字或元素
css样式：
html结构：
（注意：
现象：
div的下边框消失，在ff下没事，且文字不能居中（如图）。
html结构2
测试文字
--在后面再加上其他元素
边框就显示出来了
html结构3
结论：如果是为了文字居中，把line-height和height设置为相同的高度。不要多写vertical-align:middle;
html结构：
测试
（注意：
测试
后面没有其他文字或元素）现象：
div的下边框消失，在ff下没事，且文字不能居中（如图）。
html结构2
测试
测试文字
--在后面再加上其他元素
边框就显示出来了
html结构3
测试
测试二
测试3
结论：如果是为了文字居中，把line-height和height设置为相同的高度。不要多写vertical-align:middle;
相关内容
- CSS 模块化的理解_CSS教程_CSS_网页制作_
- CSS实例：CSS实现的等高网页布局_CSS布局实例_CSS_网页制作_
- 神之刃独角兽技能属性介绍 竞技场稀有宠物_手机游戏_游戏攻略_
- 神之刃圣痕前缀怎么选择 神之刃圣痕前缀选择技巧_手机游戏_游戏攻略_
- 神之刃非r平民玩家玩法技巧推荐_手机游戏_游戏攻略_
- 刀塔传奇 影魔怎么用 影魔加点技巧_手机游戏_游戏攻略_
- 神之刃进阶攻略 法师重回卡米后期过关技巧_手机游戏_游戏攻略_
- 神之刃新手非r平民法师战宠选择攻略_手机游戏_游戏攻略_
- 神之刃怎么提高宝石合成成功几率 宝石合成技巧_手机游戏_游戏攻略_
- 神之刃火之王属性介绍 斗兽场防御阵容解析_手机游戏_游戏攻略_
