閱讀屋>生活常識> DIV和CSS排版中製作細線條的方法

DIV和CSS排版中製作細線條的方法

DIV和CSS排版中製作細線條的方法

  如果要製作一條高度小於12PX(大約)的.線條,在IE中會顯示出高於實際高度的,看下面。

  複製程式碼 程式碼如下:

  .line{

  background:#CCCCCC;

  height:6px;

  }

  可看出實際高度大於6PX,這也算是IE的一個BUG吧。以下三種方法可解決這個問題,推薦使用第一種方法。

  1:

  複製程式碼 程式碼如下:

  .line11{

  background:#CCCCCC;

  height:6px;

  overflow:hidden;

  }

  2.div之間要加個空格注:IE5.0無效

  複製程式碼 程式碼如下:

  .line12{

  background:#336699;

  line-height:6px;

  }

  3:

  複製程式碼 程式碼如下:

  .line13{

  background:#CC0000;

  height:6px;

  font-size:1px;

  }

【DIV和CSS排版中製作細線條的方法】相關文章: