html - 将按钮一个放在右边，两个放在旁边(左边)，但在 HTML 中垂直堆叠

Question

我已经搜索了几个小时来找到解决我的问题的方法，但没有成功。我遇到的问题是两个按钮的垂直堆叠。

这就是我想要做的:它说按钮在这里两次是我试图放置按钮的地方，但我所能做的就是让它们水平排列而不是垂直排列。

大按钮小按钮

        Smallbutton

代码:

<button type="button" style="clear: right; display: inline-block; " onclick="playbr()">           <img src="Images/Queen.png"/></button>
<!---Button Here vertically---> 
<!---Button Here vertically---> 

所以一个在最左边，另外两个垂直堆叠到大的一侧。

Answer 1

如果我没理解错的话，我相信最好的办法是将所有内容都放在一个表中。这将帮助您按照您想要的方式对齐所有内容。它看起来像这样:

jsfiddle

您可以调整高度和宽度来创建您需要的对齐方式。