Web Design

大家網頁設計時都知道係table某一格插入文本時,如果係中文梗然冇問題啦,當到達指定寬度時會自動換行,但如果係英文或數字之類既就會有問題了.因為佢係以空格為英文單詞間既區別,但係如果輸入一長串英文,中間不含空格時,表格就變左形.但事實table既style裡有一項可以比英文強制換行的,就係 word-break,當把這項設為break-all時大家就可以睇到效果了.

　　示例代碼：

　　<table width="100%" style="word-break:break-all">
　　
　　<td width="20%">
　　
　　 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
　　
　　</td><td width="80%"></td></table>

　　把呢段copy到body裡睇下.

　　word-break仲有兩個選項:normal就是通常的,不設置時的效果了。

　　keep-all:則是和break-all相反,是不管什麼字符在沒有空格和換行符的情況下都不換行