`

ie6下line-height属性失效与解决办法

    博客分类:
  • CSS
 
阅读更多

问题:在ie6中,当文字和img、input、textarea、select、object等对象在同一个容器中的时候,line-height属性失效。
只有全文字时,line-height属性才有效。

解决办法:
在其中一个非文字的对象的样式中增加:
margin: (容器的line-height - 对象本身的高度)/2px 0; 
vertical-align:middle;

可解决问题。

分享到:
评论

相关推荐

    line-height全面解析

    line-height全面解析line-height全面解析li

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

    在css设置中,我们一般用行高line-height来设定某一行的高度,这在ie7与firefox等浏览器都适用。但当行中有其他元素时(如图片,SPAN,li..)在IE6.0下line-height会不起效果,后来查了下资料,果然如此,资料如下: ...

    tinyMCE 富文本编辑器 line-height 行高插件

    tinyMCE 富文本编辑器 line-height 行高插件。 tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示 tinyMCE line-height 行高插件

    tinyMCE富文本编辑器line-height行高插件

    tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示

    CSS教程:行高line-height属性(1)

    相关文章:CSS教程:行高line-height属性(2) 行高的概念看上去很简单——文字行的高度,其实,行高所涉及到的基础知识,对于今后理解其它属性也很重要。 大片密密麻麻的文字往往会让人觉得乏味,因此适当地调整...

    深入理解CSS行高line-height与文本垂直居中的原理

    前言在CSS中,line-height 属性设置两段段文本之间的距离,也就是行高,如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了,比如下面的例子: 复制代码代码如下:<!DOCTYPE ...

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

    关于css中line-height(行高)设置无效的问题 我们先写下这一串代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style ...

    CSS line-height行高上下居中垂直居中样式属性

    常常使用line-height设置内容(图片、文字)行高上下居中样式效果。 一、line-height行高语法 复制代码代码如下:line-height:22px.jb51div{line-height:22px}...Line-height行高属性,运用到对文字排版,实现上下排

    css属性行高line-height的用法详解

    偶然看到的一篇介绍line-height的文章,图文并茂很详细也很透彻,转过来学习。 什么是行间距? 古时候我们使用印刷机来...你可以定义line-height属性来覆盖初始值:p{line-height:140%} 你可以有5种方式来定义line-

    ckeditor5-line-height-plugin:CKEditor5的创建插件,用于更改所选块的行高

    ckeditor5-line-height-plugin CKEditor5的创建插件,用于更改所选块的行高。 开始使用 首先,从npm安装构建: npm install --save ckeditor5-line-height-plugin 或使用纱线: yarn add ckeditor5-line-height-...

    css中height和line-height区别

    line-height:行高 设置文字间上下距离 height:高度 就是定义一个层 或某样东西的高度啦 也就是说line-height是特指单行...line-height有继承属性,所以正文部分内容line-height最好设置为为数字1.5,也就是字体高

    移动端android上line-height不居中的问题的解决

    现在越来越多的移动界面使用rem适配,遇到的坑也不尽其数,今天就移动端android上line-height不居中的问题提出自己的解决办法。 据分析得知原因: 1.字体大小不要使用奇数字号,带小数点的更不要提了。也就是说...

    tinyMCE 富文本编辑器 line-height 行间距调整.zip

    tinyMCE 富文本编辑器 line-height 行高插件。 tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示 tinyMCE line-height 行高插件

    line-height使文本居中的3像素bug问题

    line-height使文本居中的3像素bug,先查下这3px的底细,怎么查?观察 FW先写个height、line-height都为30px,背景为红色的元素,设置文字为12px。然后量下,果然有3px的bug。同时增加或者减少height、line-height 1...

    CSS教程:行高line-height属性(2)

    相关文章:CSS教程:行高line-height属性(1)7.3.3行高的计算与继承 以em、ex和百分比为单位的行高,其基数是元素本身的字体尺寸。例如有代码如下: 字高20px,行高2em。</p> <pstyle="font

    css line-height属性的使用技巧

    本文介绍下,css中的line-height属性的用法,通过实例学习css line-height属性的具体用法,感兴趣的朋友参考下

    解决line-height=height元素高度但是文字并没有垂直居中的问题

    先说下为什么line-height等于元素高度文字却没有垂直居中,其实line-height等于元素高度的时候文本并不是真的居中了,而是看着居中了,当元素高度和font-size差距较大的时候,这种不是真正的居中就越发的明显,这里...

Global site tag (gtag.js) - Google Analytics