HTML連續(xù)英文字符串強(qiáng)制換行
大家都知道在table的某一格里插入文本時(shí),如果是中文當(dāng)然是沒有問題,當(dāng)?shù)竭_(dá)指定寬度時(shí)會(huì)自動(dòng)換行,但如果是英
文或數(shù)字之類的就會(huì)有問題了.因?yàn)樗且钥崭駷橛⑽膯卧~間的區(qū)別,但是如果輸入一長串英文,中間不含空格時(shí),表格就變形了.但事實(shí)table的style
里有一項(xiàng)可以讓英文強(qiáng)制換行的,就是word-break,當(dāng)把這項(xiàng)設(shè)為break-all時(shí)大家就可以看到效果了.
示例代碼:
< table width="100%" style="word-break:break-all">
< td width="20%">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
< /td>< td width="80%">< /td>< /table>
把這copy到body里預(yù)瀏看看.
word-break還有兩個(gè)選項(xiàng):normal就是通常的,不設(shè)置時(shí)的效果了。
keep-all:則是和break-all相反,是不管什么字符在沒有空格和換行符的情況下都不換行。
posted on 2010-08-04 17:38 草原上的駱駝 閱讀(320) 評(píng)論(0) 編輯 收藏 所屬分類: CSS