今天小编跟大家讲解下有关IE6下 vertical-align:middle 和 height 引发的边框消失 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关IE6下 vertical-align:middle 和 height 引发的边框消失 的相关资料,希望小伙伴们看了有所帮助。
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>后面没有其他文字或元素)现象:div的下边框消失 在ff下没事 且文字不能居中(如图)。html结构2<div>测试</div>测试文字--在后面再加上其他元素边框就显示出来了html结构3<div>测试</div><div>测试二</div><div>测试3</div>结论:如果是为了文字居中 把line-height和height设置为相同的高度。不要多写vertical-align:middle;来源:爱蒂网