Kay's word: 看了無數(shù),發(fā)現(xiàn)就這個(gè)能用,主要在table和td的屬性里加上
<table style=";word-break:break-all; word-wrap:break-all;"……>
<td style="word-break:break-all;word-wrap:break-word;"……>
用表格做網(wǎng)頁排版的時(shí)候,一般都能正常使用。偏偏有時(shí)會(huì)碰到一段連續(xù)的英文詞或者一堆感嘆號(hào)(!!!)把網(wǎng)頁就撐開的現(xiàn)象:(
總結(jié)了一下,只要在CSS中定義了如下句子,可保網(wǎng)頁不會(huì)再被撐開了。
table{;}
td{word-break: break-all; word-wrap:break-word;}
注釋一下:
1.第一條table{;},此樣式可以讓表格中有!!!(感嘆號(hào))之類的字符時(shí)自動(dòng)換行。
2.td{word-break: break-all},一般用這句這OK了,但在有些特殊情況下還是會(huì)撐開,因此需要再加上后面一句(word-wrap:break-word;)就可以解決。此樣式可以讓表格中的一些連續(xù)的英文單詞自動(dòng)換行。
語法:
word-break : normal | break-all | keep-all
參數(shù):
normal : 依照亞洲語言和非亞洲語言的文本規(guī)則,允許在字內(nèi)換行
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內(nèi)斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all : 與所有非亞洲語言的normal相同。對(duì)于中文,韓文,日文,不允許字?jǐn)嚅_。適合包含少量亞洲文本的非亞洲文本
語法:
word-wrap : normal | break-word
參數(shù):
normal : 允許內(nèi)容頂開指定的容器邊界
break-word : 內(nèi)容將在邊界內(nèi)換行。如果需要,詞內(nèi)換行(word-break)也行發(fā)生
說明:
設(shè)置或檢索當(dāng)當(dāng)前行超過指定容器的邊界時(shí)是否斷開轉(zhuǎn)行。
對(duì)應(yīng)的腳本特性為word-wrap。請(qǐng)參閱我編寫的其他書目。
語法:
table-layout : auto | fixed
參數(shù):
auto : 默認(rèn)的自動(dòng)算法。布局將基于各單元格的內(nèi)容。表格在每一單元格讀取計(jì)算之后才會(huì)顯示出來。速度很慢
fixed : 固定布局的算法。在這算法中,水平布局是僅僅基于表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和表格內(nèi)容無關(guān)
說明:
設(shè)置或檢索表格的布局算法。
對(duì)應(yīng)的腳本特性為tableLayout。
http://kuangbaoxu./blog/212789