Question

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

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

大按钮小按钮

        Smallbutton

CODE：

<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

这可能会对您有所帮助：

  <table>
    <tbody>
    <tr>
     <td rowspan="2" valign="top">Big Button</td>
     <td>Small Button</td>
    </tr>
    <tr>
     <td>Small Button</td>
    </tr>
   </tbody>
  </table>

Answer 2

如果我理解正确，我相信你最好的选择是将所有内容放在table中。这将帮助您按照自己的方式对齐所有内容。它看起来像这样：

jsfiddle

您可以使用高度和宽度来创建所需的对齐方式。

将按钮一个放在右侧，两个放在侧面（左侧），但垂直放置在HTML中

2 个答案: