html - 在两个并排的表格之间放置一个分隔符/分隔符

Question

我有两个并排的 HTML 表格，它们包含在 div 中。它们可能有不同的行数，并且会动态更新。

目前，这些表格(每个表格有 3 列)没有边框，因此在视觉上它们可能看起来像一个表格。此处示例:http://jsfiddle.net/qxRVF/1/

我想在它们之间放置一个分隔符/分隔符(基本上是一条垂直线)，我希望分隔符的长度与封闭的 div 的长度相同，这是固定的。

如何使用仅适用于现代浏览器的 HTML 和 CSS 来做到这一点？在这些表格上启用边框不是解决方案，因为它们的长度可变。

Answer 1

如何在外部 div 上添加一个伪元素:http://jsfiddle.net/qxRVF/4/

.table-info:after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:50%; width:0; 
    border:1px solid black;
}