當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

＜table/＞设置列宽度无效的问题

發布時間：2023/12/3 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了＜table/＞设置列宽度无效的问题小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一、場景重現

<html> <head><title>測試</title><style type="text/css">.table {table-layout: fixed;}</style> </head> <body> <div style="width: 100%"><table class="table" style="width: 100%"><thead><tr><th colspan="7" style="background-color: #2f96b4">地址情況</th></tr><tr><th style="width: 80px;">國家</th><th style="width: 80px;">省份</th><th style="width: 80px;">城市</th><th style="width: 80px;">區</th><th style="width: 80px;">街道</th><th style="width: 500px;">居委會</th><th style="width: 80px;">門牌號</th></tr></thead><tbody><tr style="text-align:center"><td>中國</td><td>廣東</td><td>廣州</td><td>天河</td><td>五山</td><td><pre style="word-break: break-all">天河中學高中部隔壁的小區</pre></td><td><pre >aa</pre></td></tr></tbody></table> </div> </body> </html>

運行結果：

期待結果：