1. 首頁
  2. 生活常識

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;

}