css - 两列独立的按钮

Question

我想知道是否有人可以告诉我如何隔开 6 个按钮。我想要的是三个按钮位于顶部，而其他 3 个按钮位于顶行下方。所以基本上它将是两行单独对齐的按钮。

我知道这看起来很容易，但我遇到了困难。非常感谢任何帮助。谢谢。

Answer 1

你可以简单地做这样的事情:

<div id="button-wrapper">
    <div class="button-row">
        <input type="button" value="button1" />
        <input type="button" value="button2" />
        <input type="button" value="button3" />
    </div>
    <div class="button-row">
        <input type="button" value="button4" />
        <input type="button" value="button5" />
        <input type="button" value="button6" />
    </div>
</div>