DIV和CSS排版中制作细线条的几种方法
2007-09-22 17:42
351 查看
DIV和CSS排版中制作细线条的几种方法
今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效,特意查了一下相关文章。最终有了解决方案,参考下面文章:
如果要制作一条高度小于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排版中制作细线条的几种方法(转)
- DIV+CSS排版中制作细线条的三种方法--FOR IE
- DIV和CSS排版中制作细线条的方法小结
- 在DIV+CSS排版中新闻列表的制作方法
- 在DIV+CSS排版中新闻列表的制作方法
- 在DIV+CSS排版中新闻列表的制作方法
- css+div制作圆角矩形的四种方法
- div+css 布局 线条设置其中一种方法
- css居中div的几种常用方法
- 利用CSS和DIV的几种布局方法(4)
- 利用CSS和DIV的几种布局方法(2)
- 屏幕居中(DIV/CSS) 的几种方法
- 利用CSS和DIV的几种布局方法(2)
- CSS几种简单方法实现文字竖向排版
- 屏幕居中(DIV/CSS) 的几种方法(转)
- CSS几种简单方法实现文字竖向排版
- 大学生简单网页div+css网页纯手写代码制作html静态页面切图排版
- 利用CSS和DIV的几种布局方法(3)
- 用css截取字符的几种方法详解(css排版隐藏溢出文本)
- 利用CSS和DIV的几种布局方法(3)