html - 并排放置两个表 TR

Question

每当我尝试将 TD 绝对定位在 TR 中时，TD 的 top: 和 left: CSS 属性将其与页面或表格对齐作为引用，而不是其直接父级(TR 与 position:relative 集)。

Here's my code . (请注意，由于这个问题，第一个 TR 位于结果窗口的底部)我试图将 TD 与“标题”文本对齐以占据该行的 50%，而“文本”以占据剩余的 50% .

我意识到这可以通过将两个元素移动到一个 TR 中并将它们放在两个 TD 中来完成，但是在这种情况下 HTML 代码是在服务器端生成的，所以我坚持尝试通过 CSS 来实现这一点。基本上，修改 HTML 代码不是一种选择。

Answer 1

使用display:inline。

我刚刚将 table tr {display:inline} 添加到您的代码中并完成了 ;) demo Fiddle

但是对于布局表来说真的是邪恶的，不要使用它们 http://phrogz.net/css/WhyTablesAreBadForLayout.html