如何在Chrome浏览器中支持html表格滚动条？

Question

我需要你的帮助。我有一个有很多列的HTML表格。我已经使用css制作了适合桌面和笔记本电脑屏幕的水平滚动条，并且它在Firefox中得到了支持，并且我想知道为什么我的css滚动条编码在Chrome浏览器中不受支持？

这是我的CSS

table.scroll { 
table-layout: fixed; 
display: block; 
overflow-x: scroll; 
} 

和我的HTML代码，这个例子（这只是一个例子，因为我有大约超过15列在我的表

<table class="scroll"> 
<tr> 
<td>aaaaaaa</td> 
<tr> 
</table> 

谢谢您帮助... ...（我需要知道这是因为有些人谁会用我的HTML表格使用Chrome浏览器）

Answer 1

首先，你需要确保您要关闭<tr></tr>个标签正确。

水平滚动条也有镀铬的工作，但你必须设置表格的宽度，这样，当你的数据溢出x轴你有什么要滚动。

让我说明：

HTML：

<table class="scroll"> 
<tr> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
    <td>aaaaaaa</td> 
</tr> 
</table> 

CSS：

table.scroll { 
    table-layout: fixed; 
    display: block; 
    overflow-x: scroll; 
    max-width: 100px; 
    } 

CODEPEN DEMO