DIV和CSS排版中制作细线条的几种方法
来源:互联网 发布:mac怎样删除程序 编辑:程序博客网 时间:2024/04/29 18:36
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>
最终有了
如果要制作一条高度小于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排版中制作细线条的几种方法
- 细线表格的几种做法(css)【经典推荐】
- 细线表格的几种做法(css)
- 利用CSS和DIV的几种布局方法(1)
- 利用CSS和DIV的几种布局方法(2)
- 利用CSS和DIV的几种布局方法(3)
- 利用CSS和DIV的几种布局方法(4)
- 利用CSS和DIV的几种布局方法(1)
- 利用CSS和DIV的几种布局方法(2)
- 利用CSS和DIV的几种布局方法(3)
- 利用CSS和DIV的几种布局方法(4)
- html中div如何水平和垂直居中的几种css方法代码
- div+css 导航条的制作?
- DIV+CSS制作滚动条
- Css制作table细线表格
- Css制作table细线表格
- css的排版方法
- 由css绘制单条细线所学到的
- [转bbs]男孩的心声,帮别人顶一下
- 情书
- 程序员如何DIY过冬?
- WM5 死屏、电池大量消耗的解決方法
- Ajax入门
- DIV和CSS排版中制作细线条的几种方法
- 重载、覆盖、多态与函数隐藏(转贴,值得一看)
- DotNet之优秀工具
- Mozilla FireFox 3.0 Alpha 8安全升级、发布
- 庄户雕相亲
- 记公元二零零七年九月二十二
- Hibernate Tool 使用说明
- 用PHP命令行控制脚本[CLI]
- C++5×5断想之四:C++历史上最重要人物