防止table變形 td固定寬度
具體設置如下代碼：
1 <!doctype html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <title>防止table變形 td固定寬度</title> 7 <style type="text/css"> 8 table { 9 /*為表格設置合並邊框模型*/ 10 border-collapse: collapse; 11 /*列寬由表格寬度和列寬度設定*/ 12 table-layout: fixed; 13 } 14 15 td { 16 border: 1px solid #ddd; 17 /*允許在單詞內換行。*/ 18 word-break: break-word; 19 /*設置寬度*/ 20 width: 100px; 21 } 22 </style> 23 </head> 24 25 <body> 26 <table> 27 <tr> 28 <td>DataDataDataDataDataDataDataDataDataDataDataData123</td> 29 <td>Data</td> 30 <td>Data</td> 31 <td>Data</td> 32 </tr> 33 <tr> 34 <td>Data</td> 35 <td>Data</td> 36 <td>Data</td> 37 <td>Data</td> 38 </tr> 39 </table> 40 </body> 41 42 </html>