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;

　　推荐阅读

　　实用的CSS常见的问题和技巧总结

1、善用css缩写可以减少页面文件大小，提高下载速度，同时使代码简洁可读。如： div{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; border-bottom:1px s>>>详细阅读

本文标题：IE6下 vertical-align:middle 和 height 引发的边框消失

地址：http://www.17bianji.com/kaifa2/CSS/17122.html

 1/2    1