html - 并排放置 table

Question

并排放置表格的最优雅方式是将它们放在 <div> 中并像这样用 CSS 设置它:

#div1 { 
    position:absolute;
    left:0px;
    top:0px;
    width:400px;
    height:300px;
}

但如果我有 8 个表(我正在处理数据，所以我必须使用它们)？我必须为每个表写一个 id？

Answer 1

你可以使用display: inline-table，像这样:

table {
    display: inline-table;
}

工作 fiddle :http://jsfiddle.net/VhPeP/1/