主頁 > 知識(shí)庫 > 當(dāng)td為空時(shí)怎樣顯示其邊框

當(dāng)td為空時(shí)怎樣顯示其邊框
熱門標(biāo)簽：電話外呼系統(tǒng)怎么找準(zhǔn)客戶 外呼系統(tǒng)隱私 揚(yáng)州市地圖標(biāo)注 荊州銷售電銷機(jī)器人 中國(guó)世界文化遺產(chǎn)地圖標(biāo)注 西安公司外呼系統(tǒng)價(jià)格 400開頭電話在哪辦理 可以集成到系統(tǒng)的外呼 電腦外呼系統(tǒng)安裝
之前總結(jié)了下如何用 css 來實(shí)現(xiàn) table 的 border + bordercolordark + bordercolorlight 的邊框明暗效果，然后有網(wǎng)友問我為什么他寫了一個(gè)類似的 css 樣式，但只能在 Opera 下正?？吹奖砀竦倪吙蛐Ч?， IE 下則什么也沒有。
　　下了個(gè) Opera9 一看，確實(shí)如此。原因倒也不復(fù)雜：因?yàn)樵?IE 下（ Firefox 似乎和 IE 一致）如果某個(gè) td 的內(nèi)容為空的話，即便你設(shè)置了高度和寬度，這個(gè) cell 的邊框樣式也是不會(huì)被顯示出來的； Opera 則不管是否有內(nèi)容與否，一概應(yīng)用樣式來渲染。這個(gè)問題剛畢業(yè)那會(huì)就碰到了，當(dāng)時(shí)部門的科長(zhǎng)來問我，后來我跟他說：給每個(gè)空的 td 加上 就行了。以后每次碰到這個(gè)問題，我就統(tǒng)統(tǒng)采用這個(gè)簡(jiǎn)單粗暴有效的方式來解決了。
　　但今天卯足了勁研究了幾下，從 Jiarry 那知道原來 css 語法是允許我們對(duì)這些缺省行為進(jìn)行改變的：使用 border-collapse:collapse; 和 empty-cells:show; 就可以讓消失的邊框顯現(xiàn)出來。
class="test1": 加 border-collapse:collapse;
.test1{
border:1px solid #999999;
border-collapse:collapse;
width:60%
}
.test1 td{
border-bottom:1px solid #999999;
height:28px;
padding-left:6px;
}
class1 這兒有內(nèi)容
這兒有內(nèi)容
class="test2": 加 border-collapse:collapse; 和 empty-cells:show;
.test2{
border:1px solid black;
border-collapse:collapse;
width:60%
}
.test2 td{
border-bottom:1px solid black;
height:28px;
padding-left:6px;
empty-cells:show;
}
class2 這兒有內(nèi)容
這兒有內(nèi)容
class="test3": 不加 border-collapse:collapse; 和 empty-cells:show; 的情況下
.test3{
border:1px solid #999999;
width:60%
}
.test3 td{
border-bottom:1px solid #999999;
height:28px;
padding-left:6px;
}
class3 這兒有內(nèi)容
這兒有內(nèi)容

標(biāo)簽：濟(jì)南 四川 阿拉善盟 貴陽 錫林郭勒盟 樂山 延安 白銀

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《當(dāng)td為空時(shí)怎樣顯示其邊框》，本文關(guān)鍵詞  當(dāng),為,空時(shí),怎樣,顯示,其,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《當(dāng)td為空時(shí)怎樣顯示其邊框》相關(guān)的同類信息！
  • 本頁收集關(guān)于當(dāng)td為空時(shí)怎樣顯示其邊框的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章