html - 水平滚动条到某些列

Question

在我的表格中有某些列..我想将水平滚动条作为一个整体提供最后 5 列..这意味着 5 列将只有一个滚动条..如果没有，我想要功能。的列增加滚动条应该出现。表中共有 9 列.. 怎么做？请帮忙。

Answer 1

只需overflow-x: scroll;在您的 CSS 中使用。

演示：http: //jsfiddle.net/dystroy/S8jLA/

如果您希望单元格即使内容太大也保持固定大小，并且如果该内容需要滚动条，则它会稍微复杂一些。这是在单元格中使用 div 的解决方案：

HTML：

<table border=2 >
<tr>
    <td>AAA</td>
    <td><div class=scr>AAA</div></td>
    <td><div class=scr>AAABAAAAACAAAA</div></td>
</tr>

CSS：

td {
    width:80px;
}
div.scr {
    margin:0;
    padding:0;
    width:80px;
    overflow-x: auto;    
}

演示：http: //jsfiddle.net/dystroy/sQZD7/