最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
IE6下文字line-height失效的解决方法
时间:2010-10-17 编辑:简简单单 来源:一聚教程网
当一个容器里的文字与img、input、textarea、select、object等元素相连时,对这个容器设置的line-height数值就会失效,同时以上元素的行高可能×2,受影响的浏览器:ie5.01、ie5.5、ie6.0。
解决方法是对与文字相连接的img、input、textarea、select、object等元素加以属性,代码如下:
.line-height{ margin:(所属line-height-自身img,input,select,object高度)/2px 0; vertical-align:middle; } |
问题:在ie6中,当文字和img、input、textarea、select、object等对象在同一个容器中的时候,line-height属性失效。
只有全文字时,line-height属性才有效。
解决方法:
在其中一个非文字的对象的样式中增加:
margin: (容器的line-height - 对象本身的高度)/2px 0;
vertical-align:middle;
解决问题。
-
上一个: 三款css div 图片垂直居中代码
-
下一个: css 图片自动缩放
相关文章
- OCR文字识别App使用效果分享 10-23
- 文字识别OCR软件推荐 10-23
- ps如何制作3d圆柱体效果英文字体 07-18
- 咔叽相机怎么输入文字 07-18
- ppt文字动画怎么制作 07-17
- fireworks如何制作一段文字gif动画 07-16