- it
- table布局坑 - 4 tdwidth未按照理想中的值设定，按时却又按照设置的比例布局
<html
>
<head
>
<title
>测试
</title
>
<style type
="text/css">
* {
padding
: 0;
margin
: 0;
}
.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
>
<script src
="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script
>
</html
>
