IE6 line-height属性失效

最新推荐文章于 2018-09-21 21:33:24 发布

femngqinmei

最新推荐文章于 2018-09-21 21:33:24 发布

阅读量372

点赞数

本文链接：https://blog.youkuaiyun.com/femngqinmei/article/details/45541161

版权

在css设置中，我们一般用行高line-height来设定某一行的高度，line-height属性和height属性搭配使元素在父级中垂直居中。这在ie7与firefox等浏览器都适用。但当行中有其他元素时（如图片，SPAN,li..）在IE6.0下line-height会不起效果

解决办法

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

femngqinmei

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决IE6下，给图片加上line-height属性不起作用的解决方法

09-25

然而，在Internet Explorer 6（简称IE6）这一老旧的浏览器中，`line-height`在特定情况下可能会失效，尤其是当行内包含图片、`<span>`、`<li>`等元素时。 IE6的问题主要体现在当文字与其他元素（如图片）相邻时，为...

font和line-height之CSS代码书写顺序不同，导致显示效果不一样

10-30

在某些浏览器（如IE、Firefox和Opera）中，当先声明`line-height`再声明`font`时，`line-height`的设置可能会被`font`中的`font-size`所覆盖，导致行间距看起来没有按预期工作。而反之，如果先声明`font`，`line-...

参与评论您还未登录，请先登录后发表或查看评论

ie6下的line-height属性

05-08

110

line-height这个属性是被ie6所支持的。当是当一个父级元素内的子元素，包含了文字，且文字和img,input,label,span这些内联元素连接在一起的时候，你对父级元素设置line-height是没有任何效果的。很多情况下，我们希望文字和表单元素（比如input输入框）垂直居中，在设置line-height没有效果的时候，我们应该怎么办？当你进退两难的时候，你是...

ie6 line-height问题

{玖}单纯着，幸福着，思考着

10-17

126

写列表时，设置ul的 line-height：35px;结果发现ie6下只有第一行的li有行间距，原来ie6认为只有li里面的内容够折行了才会有行间距，li和li之间是没有行间距的。以下是正常情况： ie6下：解决办法：给ie6单加了下边距： _margin-bottom:10px; ...

ie6 line-height bug解决办法

diaosheng8387的博客

08-13

130

<a href="#" title="旅游">旅游<span class="caret"></span></a> 当类似这种文字与span标签连在一起时，父标签的line-height失效解决方法：span{_margin-top:（行高-span高）/2;_vertical-align:-2px} 转载于:https://www....

IE6不支持line-height

shikun520的专栏

10-18

141

IE6不支持line-height？其实是支持ie6,一个容器里如<li>放有文字和<img> ,<input>时，line-height行高在ie6 下会失效! 但ie6就文字是支持的这样一般是用padding来解决...

【转】IE6下Line-height失效问题

qiandundiandi的专栏

08-27

352

总是会遇到图片与文字并排，在IE6及更低版本浏览器下行高失效的问题。首先，我们来看一下原因： IE下line-height属性失效是由于文字中包含img、input、select、textarea、button、object等标记造成的。或者也可以说是在line-height的元素里的文字，同时有了block或者是inline-block元素导致的。解决办法：对和文字

IE6兼容性问题及IE6常见bug详细汇总

12-13

IE6对line-height的默认处理有时会出现问题。解决方法：为相关元素设置具体的line-height值。 6. **行标签之间的空白** 行内元素之间可能存在一小段空白，这是由于浏览器的默认行为。解决方法：通过浮动元素...

【IE】IE对line-height 失效的的解决方案

weixin_33836874的博客

05-12

1317

微软的IE9 + Extjs3.1 确实头疼。在使用了line-height:20px 的Tree的样式，可是一直没有生效，以下给出3中解决方式：方案1、加padding-top： <div style="height:22px;line-height:22px; padding-top:3px;background:red;color:#FFFFFF;font-siz...

ie6下 line-height设置行高失效bug解决办法

01-12

462

问题描述：当在一个容器里文字和img、input、textarea、select、object等元素相连的时候，对这个容器设置的line-height数值会失效；同时以上元素的行高可能×2：受影响的浏览器： Microsoft Internet Explorer 5.01 / Windows Microsoft Internet Explorer 5.5 / Windows Mic

IE6 line-height 失效

xjinza的专栏

11-17

503

这两天在页面排版的时候遇到了两处地方：一处设置了line-height的值，IE7显示文字本行纵向居中，但是IE6中显示顶头了；另一处是个表单项目，设置了line-height后，IE7正常，IE6中表单的外部框增高了横多，留出大块空白。天杀的IE6！我们来解决掉他，呵呵呵！！！ BUG症状：当在一个容器里文字和img、input、textarea、select、object等元

【转载】解决IE6下的行高line-height失效问题

cy_619的博客

05-19

435

BUG症状：当在一个容器里文字和img、input、textarea、select、object等元素相连的时候，对这个容器设置的line-height数值会失效；受影响的浏览器：Microsoft Internet Explorer 5.01 / Windows Microsoft Internet Explorer 5.5 / Windows Microsoft Internet Exp

IE6、IE7、IE8、FireFox css line-height兼容问题

本本技术

05-14

142

针对firefox ie6 ie7 ie8的css样式中的line-height属性，以前我们大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7以上对!important可以正确解释，会导致页面没按要求显示！这些细节却往往影响了整个页面样式的美观性。搜索了一下，找到了一个针对IE7、IE8不错的hack方式，IE7使用*+html或*line-hei...

line-height失效解决办法

小白博客

07-22

1万+

对和文字相连接的img、input、textarea、select、object等元素加以属性 margin: (所属line-height-自身img,input,select,object高度)/2px 0; vertical-align:middle-------垂直居中同时该属性指挥对inline-block元素起作用哟 ...

关于css中line-height(行高)设置无效的问题