首頁 > 開發者 > JavaScript
防止table變形 td固定寬度，table變形td寬度
防止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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
