html - 如何在表格下方居中对齐按钮？

Question

我将表单元素放在表格中，以便列名和输入与 2 列对齐。我把提交按钮和取消按钮放在桌子下面。表格宽度不固定。我想将按钮与表格宽度居中对齐。

一种简单的方法是将按钮放在表格中。但我想把它们从桌子上分开。最优雅的方法是什么？

Answer 1

像这样的结构：

<div>
<!-- Your table -->
<table />
<!-- Your buttons -->
<div style="text-align:center;">
<input />
</div>
</div>

Answer 2

由于按钮和表格是相关的，您可以使用字段集：

<fieldset>
<!-- Your table -->
<table />
<!-- Your buttons -->
<p style="text-align:center;">
<input />
</p>
</fieldset>