現在有個需求,就是表格的列不固定,都是動態加載的,想給每一列設置寬度,但是設置 width:100xp,沒有效果,不過設置min-width:100px 就有效果了,table的寬度為 td的寬度和
<div class="table-main">
<table>
<thead>
<tr>
<th>昵稱</th>
<th>昵稱昵稱昵稱昵稱昵稱昵稱昵稱昵稱昵稱昵稱昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
<th>昵稱</th>
</tr>
</thead>
<tbody>
<tr>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
<td style="min-width: 100px">張三豐</td>
</tr>
</tbody>
</table>
</div>
