国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

DIV和CSS排版中制作細線條的方法小結

2020-10-23 18:39:49
字體:
供稿:網(wǎng)友
今天制作div的高度控制的時候發(fā)現(xiàn)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> 
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 保定市| 清水县| 胶南市| 光泽县| 青州市| 大庆市| 平塘县| 宣城市| 当阳市| 镇雄县| 双峰县| 樟树市| 江永县| 兴安盟| 甘孜县| 保山市| 西藏| 安化县| 福泉市| 河池市| 长汀县| 民乐县| 疏附县| 象州县| 临泉县| 阿巴嘎旗| 阳朔县| 阿图什市| 金溪县| 米林县| 右玉县| 胶南市| 寻甸| 凤山市| 秦安县| 游戏| 剑河县| 平武县| 丰台区| 青田县| 涪陵区|