当前位置: 代码迷 >> Web前端 >> 【转载】IE6上 line-height 失效解决办法
  详细解决方案

【转载】IE6上 line-height 失效解决办法

热度:404   发布时间:2012-11-04 10:42:41.0
【转载】IE6下 line-height 失效解决方法

关于IE6下line-height属性失效问题,以前图省事儿就直接用padding解决了。今天又遇到了问题,查找了一下,找到了上面的文 章,IE6下line-height属性失效是由于文字中包含img、input、select、textarea、button、object等标记造 成的。

解决办法:
对和文字相连接的img、input、textarea、select、object等元素加以css样式:
margin: (所属line-height-自身高度)/2px 0;
vertical-align:middle;

不过据本人尝试,margin: (所属line-height-自身高度)/2px 0; 这个设置方法有偏差,准确来说要比 (所属line-height-自身高度)/2 这个数值更小一些,具体情况的话,各位自己测试吧O(∩_∩)O~。

  相关解决方案