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/

HTML5如何将表格对齐到表单中心？

1 个答案: