2006-06-07[原]定义小于18px的高

TAG:CSS 经验之谈 原创

在IE中定义height时,如果值小于18px的默认行高时,得到的结果总是18px的高,这是个已经困扰了很多人的问题,这里我总结了相关的解决方法,希望能对你有所帮助吧。

一,使用overflow:hidden隐藏多出的部分。这个方法被大部分人所使用,效果还是不错的。

---------------------------CSS----------------------------------
.E{height:10px;overflow:hidden;}
------------------------------------------------------------------

二,使用小于12px的字号来强制IE改变默认的行高,同样可以实现效果,但在做CSS检查时会出现“字号太小”的警告。

---------------------------CSS----------------------------------
.E{height:10px;font-size:1px;}
------------------------------------------------------------------

三,定义小行高来实现效果。个人觉得这种方法更方便使用,而且不会有警告,推荐使用。

---------------------------CSS----------------------------------
.E{height:10px;line-height:1px;}
------------------------------------------------------------------

不要奇怪定义那么小,有文字怎么办,因为一般会用这么小的高,都是不会再加文字的,如果非要加,那就用第二种方法吧,相信也没人会看到你写了什么。

注意:如果你想让宽度也小于默认值的话,就得使用定义小字号的方法了。






TrackBack URL: {#ping_url} 
风的影子 发表于 16:01  |  引用_0  |  编辑

Recent Articles

Recent Comments

Recommend

广 州
The WeatherPixie

Search Engine Optimization

CSS森林:30247792
(精神正常者慎入!)

有话就说

有时得同时使用第二和第三种方法,算是一个hack,看情况使用。

有话要说
011 本BLOG[原]部分的内容采用创作共用授权,请尊重劳动成果,谢谢。
Copyright © 2006 风的影子. All rights reserved.   FORESt.blOGbUS.COM  BLOGBUS.COM