HTML5 如何将表格与表单内的中心对齐？

Question

我有一个<form>，在那个表格中，我有一个<table>. 我尝试在该表单上使用text-align: center和align-items:center，但其中的表格仍然向左对齐（而表格的子元素与该表格内部的中心对齐）。如何将表格与表格内的中心对齐？

Answer 1

当您想在父项的中心位置对齐表格时，只需使用：

css：

margin: 0 auto;

例子：

html：

<form >
 <table>

 </table>
</form>

css：

form {
  width:80%; 
  height: 200px; 
  background-color: black;
}

table {
   margin: 0 auto;
   z-index: 1;
   width:50%; 
   height: 50px; 
   background-color: red;
}

http://jsfiddle.net/bvo7v7f9/