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

【问题标题】：HTML5 How to align a table to center inside a form?HTML5如何将表格对齐到表格内的中心？
【发布时间】：2014-12-30 09:38:20
【问题描述】：

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

【问题讨论】：

你试过margin: auto吗？它对我有用：jsfiddle.net/gdc9f65p
看看这个：granneman.com/webdev/coding/css/centertables

标签： css html alignment text-align

【解决方案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/

【讨论】：