html表格table的宽度超出页面宽度时如何不改变table宽度（只显示出滚动条）？

2024-11-28 05:27:50

推荐回答（4个）

回答1：

在table外面,加一个div,设置高度和宽度,然后设置一下overflow:auto 就可以了。

html表格由

标签来定义。

每个表格均有若干行（由

标签定义），每行被分割为若干单元格（由

标签定义）。

字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

回答2：

将table使用一个div包裹起来，将div的width设置为100%；overflow:auto;table的width设置为auto

回答3：

我提供两种解决办法,

回答4：

给table设置一个white-space：nowrap；可以保证table中的td内容不换行，宽度由内容撑开；显示滚动条的话就给table的外边包个父盒子，给父盒子设置宽或者高（看你需求），overflow：scroll；