Html 将按钮放在桌子上方,与桌子右侧对齐
如何将按钮放置在与右侧对齐的桌子上方 想象一条假想的垂直线位于桌子的右侧。我想把按钮的右极限放在那条线的位置。这是一份草稿: 如您所见,按钮与表对齐,不属于表。Html 将按钮放在桌子上方,与桌子右侧对齐,html,css,layout,Html,Css,Layout,如何将按钮放置在与右侧对齐的桌子上方 想象一条假想的垂直线位于桌子的右侧。我想把按钮的右极限放在那条线的位置。这是一份草稿: 如您所见,按钮与表对齐,不属于表。表的大小设置为自动。我已经尝试使用div作为包装,但没有成功。还有别的选择吗 添加:我忘记了:表格应该向左对齐。另一个表格如何容纳两个元素(按钮和表格),然后右对齐顶部单元格?可能有点凌乱,但它会起作用。只需使用以下CSS在两者周围添加一个div包装器: display: inline-block; text-align: right
表的大小设置为自动。
我已经尝试使用div作为包装,但没有成功。还有别的选择吗
添加:我忘记了:表格应该向左对齐。另一个表格如何容纳两个元素(按钮和表格),然后右对齐顶部单元格?可能有点凌乱,但它会起作用。只需使用以下CSS在两者周围添加一个
div
包装器:
display: inline-block;
text-align: right;
- 我的解决方案假设按钮不是
,在这种情况下,您还必须将其浮动(块
不会影响它)文本对齐
显示:内联块代码>在IE7上不起作用,但是
显示:内联块代码>是此解决方案的核心。它使容器占据其子容器的宽度,在这种情况下可能是表
(但如果按钮较大,则没有问题) 太乱了。我绝对不想搞得一团糟。只有在没有其他选择的情况下,我才会使用它。@paperbd-1用于使用表格进行布局。我不希望表格与右侧对齐。。。(对不起,我忘了提那件事)@brunoais这张桌子没有对齐<代码>文本对齐
不会影响表格。查看演示。好的,明白了。这就是我需要的。现在它不仅适用于我的浏览器,也适用于IE。谢谢