html table td大小自适应
时间: 2023-10-13 16:24:10 浏览: 92
HTML页面自适应宽度的table(表格)
可以使用CSS中的`table-layout: auto`属性来让表格自适应列宽,同时使用`width: 100%`来让表格随着父元素的宽度自适应。如果需要让表格的某些列宽度固定,可以使用`width`属性来设置。
示例代码:
```html
<table style="table-layout: auto; width: 100%;">
<tr>
<td style="width: 150px;">固定宽度列</td>
<td>自适应宽度列</td>
</tr>
<tr>
<td>固定宽度列</td>
<td>自适应宽度列</td>
</tr>
</table>
```
在上面的示例中,第一列设置了固定宽度为150px,第二列则采用自适应宽度。整个表格随着父元素的宽度自适应。
阅读全文