在HTML中定位两个表

Question

我想在我的网络应用程序中添加两个表：

<span><table><tr><td>A</td><td>B</td></tr></table></span>
<span><table><tr><td>C</td><td>B</td></tr></table></span>

我希望这两个表位于同一行，即。水平，

我该怎么做？

Answer 1

试试这个：

span{display: inline-table;}

或者您也可以float: left;或display: inline-block;

并为你的桌子提供宽度。

请参阅此demo

Answer 2

span{
   display:inline-block;
}

这里是jsfiddle link

Answer 3

例如：

<span class="table"><table><tr><td>A</td><td>B</td></tr></table></span>
<span class="table"><table><tr><td>C</td><td>B</td></tr></table></span>

然后是CSS：

.table{     
    float: left;
}