html表格內容自動換行

有時候表格會由於內容多少忽大忽小的很煩人，在網上搜了下解決方案，效果不錯哦，給你們分享下！首先介紹兩個利器：table-layout:fixed //固定表格大小word-break:break-all;//字符串自動換行 注意：IE和firefox是有很大區別的！（我就是栽在這個上面了，⊙﹏⊙b汗）1. (IE瀏覽器)使用 table-layout:fixed;強制table的寬度,多餘內容隱藏<table style="table-layout:fixed" width="200"> 2.(IE瀏覽器)使用 table-layout:fixed;強制table的寬度,內層td,th採用word-break : break-all;或者word-wrap : break-word ;換行<table width="200" style="table-layout:fixed;"><tr><td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz 1234567890 3.（Firefox瀏覽器）連續的英文字符和阿拉伯數字的斷行,Firefox的全部版本的沒有解決這個問題,咱們只有讓超出邊界的字符隱藏或者,給容器添加滾動條 4.(Firefox瀏覽器)使用 table-layout:fixed;強制table的寬度,內層td,th採用word-break : break-all;或者word-wrap : break-word ;換行，使用overflow:hidden;隱藏超出內容，這裏overflow:auto;沒法起做用<table style="table-layout:fixed" width="200"><tr><td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>