您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

表格行将不包含具有position:absolute的元素

表格行将不包含具有position:absolute的元素

显然,只有纯CSS的解决方案是设置display:blocktr包括隐式地通过使用的float)。但是,这严重破坏了表的布局,对我而言效果不佳。

<tr>
    <td>
        <div style="position:relative">
            <button style="position:absolute"></button>
        </div>
    </td>
</tr>

这仍然有一个缺点:由于我们的position:relative元素必须在表格单元格内,因此它仅在表格行的最后一个单元格中起作用(当目标是将绝对元素相对于整个行放置在右上角时) 。

这似乎是我们可以做的最好的事情,而不会放弃表标记或破坏它的呈现。

其他 2022/1/1 18:18:05 有561人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶