css 的 line-height 问题

2024-12-03 01:47:27
推荐回答(5个)
回答1:

\9是为了解决兼容性问题用的;这里的意思是IE6、IE7、IE8都是调用这个样式,但其他的浏览器就不兼容这个样式,
给你举例:
.color{ background-color: #CC00FF; 所有浏览器都会显示为紫色
background-color: #FF0000\9;IE6、IE7、IE8会显示红色
*background-color: #0066FF; IE6、IE7会变为蓝色
_background-color:#009933; IE6会变为绿色

区别FF,IE7,IE6:
background:green !important; background:orange; *background:blue;

IE6能识别*,但不能识别 !important,

IE7能识别*,也能识别!important;

FF不能识别*,但能识别!important;

另外再补充一个,下划线”_“,IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分firefox,IE7,IE6
background:green!important; *background:orange; _background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

回答2:

line-height 是属于web前端用语,用于对网页文字及其他元素设置行高,由于会影响元素高度,也可用于调节一些元素的高度。

定义:
line-height 属性设置行间的距离(行高)。

参数设置:
normal默认,设置合理的行间距。
number设置数字,此数字会与当前的字体尺寸相乘来设置行间距。
length设置固定的行间距。
%基于当前字体尺寸的百分比行间距。
inherit规定应该从父元素继承 line-height 属性的值。

示例:
div {line-height:6px; }
div {line-height:10.5em; }

回答3:

首先你确定你的行高大于你的字体大小了吗,另外最好行高用倍数来写,比如font-size:15px的话,行高写line-height:2;(它的两倍高)
另外,正常情况下来说样式写的正确的话是不会失效的,所以,好好检查你写的代码

回答4:

IE8 最新css hack:   "\9" 
例:"border:1px \9;".这里的"\9"可以区别所有IE和FireFox.   
"\0" IE8识别,IE6、IE7不能.  
"*" IE6、IE7可以识别.IE8、FireFox不能.  
"_" IE6可以识别"_",IE7、IE8、FireFox不能.

回答5:

line-height
:10px太小了哇啊
正常情况下,中文line-height起码是20px
一般情况下line-height可以用倍数写,line-height:1.5
也就是1.5倍默认行间距。
还有你说的UL和LI,通常情况下都是一起出现的。