解決思路:
這個問題一般發(fā)生在單元格內(nèi)容中出現(xiàn)不間斷的英文或標(biāo)點符號時就不會自動換行,表格被撐得很大,所以問題的關(guān)鍵在于配置讓他自動換行或強(qiáng)制換行。
具體步驟:
給表格定義以下CSS屬性:
table-layout:fixed;word-wrap:break-word;word-break:break-all
完整代碼示例:
<tablestyle="table-layout:fixed;word-wrap:break-word;word-break:break-all;border:1pxsolid#000000;width:200px">
<tr><td><script>document.write(newArray(267).join("!"))</script></td></tr>
</table>
提示:代碼
<script>document.write(newArray(267).join("!"))</script>
的作用在瀏覽器中輸出266個嘆號"!"
特別提示
未定義CSS之前,單元格內(nèi)的內(nèi)容不會自動換行,而定義之后在定義的寬度邊界外強(qiáng)制換行。
特別說明
本例用到表格的CSS屬性table-layout、word-wrap和word-break屬性。
table-layout配置表格的布局算法。fixed:固定算法。
word-break配置單詞內(nèi)的換行行為,特別是對象中出現(xiàn)多語言的情況。break-all:依照亞洲語言和非亞洲語言的文本規(guī)則,允許在字內(nèi)換行,也允許非亞洲語言文本行的任意字內(nèi)斷開。
word-wrap配置當(dāng)當(dāng)前行超過指定容器的邊界時是否斷開轉(zhuǎn)行。break-word:內(nèi)容將在邊界內(nèi)換行。