Html 有没有办法制作表格'；s正文可滚动，无需使用；显示：block"；参数_Html_Css_Html Table_Scroll

Html 有没有办法制作表格'；s正文可滚动，无需使用；显示：block"；参数

html css scroll

Html 有没有办法制作表格'；s正文可滚动，无需使用；显示：block"；参数,html,css,html-table,scroll,Html,Css,Html Table,Scroll,我在显示可滚动表格时遇到问题。我只想滚动表格的正文而不滚动标题。当我设置“display:block”参数时，它与表格不对齐，并且它看起来不像没有这个参数那么好。但是当我删除“display:block”时，滚动的可能性就消失了。你知道其他使表格可滚动的方法吗？提前感谢您的帮助您可以使用包装器和position:sticky，这样表格布局算法对整个表格有效，并且每一列和每一行都保持完全对齐下面代码段中的经典用法： .myTableWrapper{ 宽度：最小内容；/*换行到表的宽度*/ 高度

我在显示可滚动表格时遇到问题。我只想滚动表格的正文而不滚动标题。当我设置“display:block”参数时，它与表格不对齐，并且它看起来不像没有这个参数那么好。但是当我删除“display:block”时，滚动的可能性就消失了。你知道其他使表格可滚动的方法吗？提前感谢您的帮助

您可以使用包装器和

position:sticky

，这样表格布局算法对整个表格有效，并且每一列和每一行都保持完全对齐

下面代码段中的经典用法：

.myTableWrapper{
宽度：最小内容；/*换行到表的宽度*/
高度：100px；
溢出y：自动；
右侧填充：1.3em；
}
泰德{
背景：白色；
位置：粘性；
排名：0；
}


第四
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD
TDTDTDTD

在使用表格时，您不得触摸任何表格元素的显示属性，现在您想要实现的目标无法用普通表格实现，您需要使用可滚动的元素来包装表格

溢出：滚动

，并使标题在包装器内成为一个位置粘性的单独元素