免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1183 | 回复: 0
打印 上一主题 下一主题

IE 有个最小高度,就是文字的高度 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2008-11-26 10:18 |只看该作者 |倒序浏览

如果为一个 div 设置样式height:1px,在 FireFox 和 NetScape 能够如愿显示,可是在 IE 中则不止 1 像素高。原因是 IE
有个最小高度,就是文字的高度,如果对样式表添加一个 font-size:1px 就能解决问题了,如 。
下面举例说明一下:
要实现1px的DIV,方法有三种(或许有更多,希望高手指点,嘻嘻..)
方法一:
直接在DIV定义,例子:
IE:
FF/OP:
方法二:
定义一个CSS样式,在DIV调用其样式,例子:
.one { height:1px;
*font-size:1px;}
以上两种方法,在IE6里实现,是2px的,还必须加上一句
overflow:hidden
方法三:
通过CSS定义border,用border去实现1px的DIV,但只能用top\bottom这两个属性,(当然了,左右没用,呵呵...),例子:
.one
{ border-top:1px #f00 solid; line-height:1px;
               
               
               
               

本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u/16781/showart_1666651.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP