Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将按钮放在桌子上方,与桌子右侧对齐_Html_Css_Layout - Fatal编程技术网

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。谢谢