網(wǎng)頁(yè)中防止表格被撐破的css代碼
更新時(shí)間：2007年03月28日 00:00:00 作者：
按照網(wǎng)上大多數(shù)文章的說(shuō)法，只要在CSS中加入：
代碼
table {
table-layout:fixed;
word-break:break-all;
word-wrap:break-word;
}
div {
word-break:break-all;
word-wrap:break-word;
}
就可以解決表格和層被撐破，最初我也是這樣做的。不過(guò)這樣的代碼會(huì)造成一個(gè)問(wèn)題，你會(huì)發(fā)現(xiàn)英文詞全部被截?cái)嗔耍@不符合英語(yǔ)的書(shū)寫(xiě)習(xí)慣也不利于閱讀。
后來(lái)我發(fā)現(xiàn)上述代碼改寫(xiě)一下就可以做到既防止表格/層撐破又防止單詞斷裂了。
如下：
代碼
table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}
代碼
table {
table-layout:fixed;
word-break:break-all;
word-wrap:break-word;
}
div {
word-break:break-all;
word-wrap:break-word;
}
就可以解決表格和層被撐破，最初我也是這樣做的。不過(guò)這樣的代碼會(huì)造成一個(gè)問(wèn)題，你會(huì)發(fā)現(xiàn)英文詞全部被截?cái)嗔耍@不符合英語(yǔ)的書(shū)寫(xiě)習(xí)慣也不利于閱讀。
后來(lái)我發(fā)現(xiàn)上述代碼改寫(xiě)一下就可以做到既防止表格/層撐破又防止單詞斷裂了。
如下：
代碼
table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}
相關(guān)文章
驗(yàn)證可通過(guò)正版驗(yàn)證的Office2007最新的兩個(gè)序列號(hào)
驗(yàn)證可通過(guò)正版驗(yàn)證的Office2007最新的兩個(gè)序列號(hào)...2007-12-12![photoworks下載及象框使用教程[圖文]](http://img.jbzj.com/images/xgimg/bcimg1.png)
photoworks下載及象框使用教程[圖文]...2007-05-05
縮放文字，不僅僅只是縮放文字...2007-10-10
對(duì)前端開(kāi)發(fā)者來(lái)說(shuō)，Chrome自帶的開(kāi)發(fā)者工具（Chrome Dev Tools），是一個(gè)不可或缺的開(kāi)發(fā)調(diào)試工具，但是你可能只用過(guò)console.log()，卻不知道console還有很多功能強(qiáng)大的調(diào)試方法2018-09-09
制作網(wǎng)頁(yè)十大訣竅...2007-02-02
關(guān)于培養(yǎng)色感,自己的一些方法...2007-03-03
UTF-8、Unicode 標(biāo)準(zhǔn)化表單、BOM
UTF-8、Unicode 標(biāo)準(zhǔn)化表單、BOM...2007-01-01
HTML頁(yè)面禁用Enter鍵自動(dòng)提交表單的方法
下面小編就為大家?guī)?lái)一篇HTML頁(yè)面禁用Enter鍵自動(dòng)提交表單的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
比較詳細(xì)的一篇關(guān)于autorun.inf的講解
比較詳細(xì)的一篇關(guān)于autorun.inf的講解...2007-07-07
跨任意語(yǔ)言實(shí)現(xiàn)同步登錄的方法...2007-01-01