主頁(yè) > 知識(shí)庫(kù) > DIV和CSS排版中制作細(xì)線(xiàn)條的方法小結(jié)

DIV和CSS排版中制作細(xì)線(xiàn)條的方法小結(jié)
熱門(mén)標(biāo)簽：南山電話(huà)機(jī)器人 地圖標(biāo)注微信好友 沈陽(yáng)400電話(huà)辦理多少錢(qián) 蘇州做電話(huà)機(jī)器人 地圖標(biāo)注樓盤(pán) 隨州外呼系統(tǒng)廠家 南昌電話(huà)機(jī)器人系統(tǒng) ai電話(huà)機(jī)器人效果差 快速更改地圖標(biāo)注點(diǎn)標(biāo)
今天制作div的高度控制的時(shí)候發(fā)現(xiàn)IE下控制div的高度很小的時(shí)候無(wú)效，特意查了一下相關(guān)文章。

最終有了解決方案，參考下面文章：

如果要制作一條高度小于12PX（大約）的線(xiàn)條，在IE中會(huì)顯示出高于實(shí)際高度的，看下面。

復(fù)制代碼 代碼如下:

style> 
.line{ 
background: #CCCCCC; 
height: 6px; 
}/style> 
div class="line">/div> 

可看出實(shí)際高度大于6PX，這也算是IE的一個(gè)BUG吧。以下三種方法可解決這個(gè)問(wèn)題，推薦使用第一種方法。
1：

復(fù)制代碼 代碼如下:

style> 
.line11{ 
background: #CCCCCC; 
height: 6px; 
overflow: hidden; 
}/style> 
div class="line11">/div> 

2. div之間要加個(gè)空格 注：IE5.0 無(wú)效

復(fù)制代碼 代碼如下:

style> 
.line12{ 
background: #336699; 
line-height: 6px; 
}/style> 
div class="line12"> /div> 

3：

復(fù)制代碼 代碼如下:

style> 
.line13{ 
background: #CC0000; 
height: 6px; 
font-size: 1px; 
}/style> 
div class="line13">/div> 

標(biāo)簽：玉樹(shù) 商洛 濰坊 昭通 深圳 濰坊 石家莊 大同

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《DIV和CSS排版中制作細(xì)線(xiàn)條的方法小結(jié)》，本文關(guān)鍵詞  DIV,和,CSS,排版,中,制作,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《DIV和CSS排版中制作細(xì)線(xiàn)條的方法小結(jié)》相關(guān)的同類(lèi)信息！
  • 本頁(yè)收集關(guān)于DIV和CSS排版中制作細(xì)線(xiàn)條的方法小結(jié)的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章