DIV和CSS排版中制作细线条的方法小结
2007-09-09 21:43
513 查看
今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效,特意查了一下相关文章。
最终有了解决方案,参考下面文章:
如果要制作一条高度小于12PX(大约)的线条,在IE中会显示出高于实际高度的,看下面。
可看出实际高度大于6PX,这也算是IE的一个BUG吧。以下三种方法可解决这个问题,推荐使用第一种方法。
1:
2. div之间要加个空格 注:IE5.0 无效
3:
最终有了解决方案,参考下面文章:
如果要制作一条高度小于12PX(大约)的线条,在IE中会显示出高于实际高度的,看下面。
<style>
.line{
background: #CCCCCC;
height: 6px;
}</style>
<div class="line"></div>
可看出实际高度大于6PX,这也算是IE的一个BUG吧。以下三种方法可解决这个问题,推荐使用第一种方法。
1:
<style>
.line11{
background: #CCCCCC;
height: 6px;
overflow: hidden;
}</style>
<div class="line11"></div>
2. div之间要加个空格 注:IE5.0 无效
<style>
.line12{
background: #336699;
line-height: 6px;
}</style>
<div class="line12"> </div>
3:
<style>
.line13{
background: #CC0000;
height: 6px;
font-size: 1px;
}</style>
<div class="line13"></div>
相关文章推荐
- DIV+CSS排版中制作细线条的三种方法--FOR IE
- DIV和CSS排版中制作细线条的几种方法
- DIV和CSS排版中制作细线条的几种方法(转)
- 在DIV+CSS排版中新闻列表的制作方法
- 在DIV+CSS排版中新闻列表的制作方法
- 在DIV+CSS排版中新闻列表的制作方法
- div+css 布局 线条设置其中一种方法
- 大学生简单网页div+css网页纯手写代码制作html静态页面切图排版
- 【转】Div+CSS教程:实现div容器水平居中的方法小结
- css+div制作圆角矩形的四种方法
- 用DIV制作即时提示层 防止被select控件遮挡的方法
- Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加:1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
- 制作一幅扑克牌系列二---不用图片的纯css实现方法
- 屏幕居中(DIV/CSS) 的几种方法(转)
- CSS教程:div垂直居中的N种方法
- 制作一幅扑克牌系列二---不用图片的纯css实现方法
- DIV+CSS布局中自适应高度的解决方法
- CSS实现半透明div层的方法
- JS+CSS实现感应鼠标渐变显示DIV层的方法
- Div + Css 设计网页时浮动问题的解决方法