網(wǎng)頁中防止表格被撐破的css代碼
更新時(shí)間：2007年03月28日 00:00:00 作者：
按照網(wǎng)上大多數(shù)文章的說法，只要在CSS中加入：
代碼
table {
table-layout:fixed;
word-break:break-all;
word-wrap:break-word;
}
div {
word-break:break-all;
word-wrap:break-word;
}
就可以解決表格和層被撐破，最初我也是這樣做的。不過這樣的代碼會(huì)造成一個(gè)問題，你會(huì)發(fā)現(xiàn)英文詞全部被截?cái)嗔?，這不符合英語的書寫習(xí)慣也不利于閱讀。
后來我發(fā)現(xiàn)上述代碼改寫一下就可以做到既防止表格/層撐破又防止單詞斷裂了。
如下：
代碼
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;
}
就可以解決表格和層被撐破，最初我也是這樣做的。不過這樣的代碼會(huì)造成一個(gè)問題，你會(huì)發(fā)現(xiàn)英文詞全部被截?cái)嗔?，這不符合英語的書寫習(xí)慣也不利于閱讀。
后來我發(fā)現(xiàn)上述代碼改寫一下就可以做到既防止表格/層撐破又防止單詞斷裂了。
如下：
代碼
table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}
相關(guān)文章
驗(yàn)證可通過正版驗(yàn)證的Office2007最新的兩個(gè)序列號(hào)
驗(yàn)證可通過正版驗(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ì)前端開發(fā)者來說，Chrome自帶的開發(fā)者工具（Chrome Dev Tools），是一個(gè)不可或缺的開發(fā)調(diào)試工具，但是你可能只用過console.log()，卻不知道console還有很多功能強(qiáng)大的調(diào)試方法2018-09-09
制作網(wǎng)頁十大訣竅...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
下面小編就為大家?guī)硪黄狧TML頁面禁用Enter鍵自動(dòng)提交表單的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
比較詳細(xì)的一篇關(guān)于autorun.inf的講解
比較詳細(xì)的一篇關(guān)于autorun.inf的講解...2007-07-07
跨任意語言實(shí)現(xiàn)同步登錄的方法...2007-01-01