国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 恩施市| 巴中市| 通榆县| 新平| 峡江县| 辉县市| 弥勒县| 博兴县| 汉中市| 新沂市| 康定县| 北京市| 晋宁县| 阿坝| 台安县| 白山市| 响水县| 滁州市| 江都市| 贺兰县| 永城市| 海林市| 哈密市| 嘉峪关市| 连平县| 天台县| 夹江县| 天气| 茌平县| 芜湖县| 镇江市| 延庆县| 邯郸县| 屏东县| 金湖县| 兴海县| 丹寨县| 大名县| 湘西| 滕州市| 黄大仙区|