如图,怎么在html表格中内容超出时自动显示滚动条,求代码,。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如图,怎么在html表格中内容超出时自动显示滚动条,求代码,。相关的知识,希望对你有一定的参考价值。

指定文档类型,给所有父对象指定高度,给三个DIV指定30%高,并设overflow:auto;如:
<!DOCTYPE html>
<html style="height:100%;">
<body style="height:100%;">
<div style="height:30%; overflow:auto;">1</div>
<div style="height:30%; overflow:auto;">2</div>
<div style="height:30%; overflow:auto;">3<div style="height:1000px;"></div></div>
</body>
</html>追问

现在是这样,但我想不引用外部文件,就是说直接用一段代码把它放在表格的框里,用滚动条下拉就能看见全部内容。请问怎么实现这个效果

参考技术A 试试设置overflow: auto;或者overflow: scroll;追问

怎么设置呢?

html表格table的宽度超出页面宽度时如何不改变table宽度(只显示出滚动条)?

问题如题。条件是不能将table的宽度设置为固定值,因为table包含的列数可能每次查询都不同,可能只有一二列,也可能有几十列,要求每一列宽度能够显示其表格的内容(即列的宽度按内容长度显示),如果table宽度没有超出页面宽度就不显示滚动条,也不拉伸表列宽度;如果table宽度超出页面宽度,就显示滚动条,而不压缩表列宽度。

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

    html表格由 <table> 标签来定义。

    每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。

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

参考技术A 将table使用一个div包裹起来,将div的width设置为100%;overflow:auto;table的width设置为auto本回答被提问者和网友采纳 参考技术B

我提供两种解决办法,

    table外面套div,然后table设置min-width;

    th,td里加span,给span设置宽度

参考技术C 给table设置一个white-space:nowrap;可以保证table中的td内容不换行,宽度由内容撑开;显示滚动条的话就给table的外边包个父盒子,给父盒子设置宽或者高(看你需求),overflow:scroll;

以上是关于如图,怎么在html表格中内容超出时自动显示滚动条,求代码,。的主要内容,如果未能解决你的问题,请参考以下文章

怎么让div内容超出后自动显示滚动条

html表格table的宽度超出页面宽度时如何不改变table宽度(只显示出滚动条)?

我想在html中弄一个水平的滚动条怎么弄?

表格超出不现实纵向滚动条

如何设置HTML滚动条

div超出内容后自动显示滚动条