显然,只有纯CSS的解决方案是设置display:block
在tr
(包括隐式地通过使用的float
)。但是,这严重破坏了表的布局,对我而言效果不佳。
<tr>
<td>
<div style="position:relative">
<button style="position:absolute"></button>
</div>
</td>
</tr>
这仍然有一个缺点:由于我们的position:relative
元素必须在表格单元格内,因此它仅在表格行的最后一个单元格中起作用(当目标是将绝对元素相对于整个行放置在右上角时) 。
这似乎是我们可以做的最好的事情,而不会放弃表标记或破坏它的呈现。