如何对齐按钮居中在桌子下方？

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>