如何對齊按鈕居中在桌子下方？

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>