添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

html table scroll horizontally in div

如果一个HTML表格内容过长,需要设置一个水平滚动条, 你可以将其放在一个包含div中,并将div的宽度设置为需要的宽度。

例如,如果你的表格具有1000像素的宽度,你可以在CSS中设置包含div的宽度:

div {
  width: 500px;
  overflow-x: scroll;

其中"overflow-x: scroll"会显示一个水平滚动条,当表格内容超出div的宽度时,可以使用该滚动条进行水平滚动。

最后,请确保将table的宽度设置为与div宽度相同,以确保它不会延伸到div的外部。你可以在CSS中添加以下代码来实现:

table {
  width: 1000px;