0

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

这是我的代码。(请注意,由于此问题,第一个 TR 位于结果窗口的底部)我正在尝试将 TD 与“标题”文本对齐以占用 50% 的行,而“文本”以占用剩余的 50% .

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

4

1 回答 1

2

使用display:inline.

我刚刚添加table tr {display:inline}到您的代码中并完成了;)演示小提琴

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

于 2012-08-30T09:48:53.170 回答