水平滚动条到某些列

Question

在我的表中有某些列..我想给整个最后5列的水平滚动条..这意味着只有一个滚动条可以容纳5列..我想要的功能如果没有。应该出现列增加滚动条。 表中共有9列。 怎么做？请帮忙。

Answer 1

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

演示：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/