DIV和CSS排版中制作细线条的方法小结_ Div+Css教程-查字典教程网
DIV和CSS排版中制作细线条的方法小结
DIV和CSS排版中制作细线条的方法小结
发布时间:2016-12-29 来源:查字典编辑
摘要:今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效,特意查了一下相关文章。最终有了解决方案,参考下面文章:如果要制作一条...

今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效,特意查了一下相关文章。

最终有了解决方案,参考下面文章:

如果要制作一条高度小于12PX(大约)的线条,在IE中会显示出高于实际高度的,看下面。

复制代码 代码如下:

<style>

.line{

background:#CCCCCC;

height:6px;

}</style>

<divclass="line"></div>

可看出实际高度大于6PX,这也算是IE的一个BUG吧。以下三种方法可解决这个问题,推荐使用第一种方法。

1:

复制代码 代码如下:

<style>

.line11{

background:#CCCCCC;

height:6px;

overflow:hidden;

}</style>

<divclass="line11"></div>

2.div之间要加个空格注:IE5.0无效

复制代码 代码如下:

<style>

.line12{

background:#336699;

line-height:6px;

}</style>

<divclass="line12"></div>

3:

复制代码 代码如下:

<style>

.line13{

background:#CC0000;

height:6px;

font-size:1px;

}</style>

<divclass="line13"></div>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类