加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 服务器 > 搭建环境 > Linux > 正文

DIV和CSS排版中制作细线条的方法小结

发布时间:2020-03-13 01:08:42 所属栏目:Linux 来源:站长网
导读: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> 

(编辑:焦作站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读