html - 使用滚动使多个表格在一行中显示

Question

所以我在页面上动态创建表格，每个表格中的行也是动态的。我想将它们全部显示在一行中，并在溢出而不是换行时使它们水平滚动。我设置了内联和溢出滚动:

.tableDiv {width:100%; overflow:scroll; display:inline}

但它们仍在包装。对此的任何帮助将不胜感激!

这是 jsfiddle:http://jsfiddle.net/xAxfr/

Answer 1

http://jsfiddle.net/xAxfr/2/

.tableDiv {
    width:100%;
    overflow:auto;
    white-space:nowrap;
}

.table {
    border-collapse:collapse;
    border-spacing:0;
    display:inline-block;
}

white-space:nowrap; 和 display:inline-block;