html - 如何让表格居中

Question

这就是我下面的内容，我只需要让表格居中。如何使表格居中？对于我使用 bootstrap CSS3 和 HTML5 的网站

这是整个部分 - 其余部分都正常并且运行良好，我只是遇到了表格问题。我无法让它居中:

<section id="international" class="international">

<div class="section-heading">
<h6 class="title wow fadeInDown" data-wow-delay=".3s"> Available     Internationally</h6>



<p class="wow fadeInDown" data-wow-delay=".5s">
<div class="para">

        test text

<br>


<style type="text/css">

.tg  {border-collapse:collapse;border-spacing:0;border:none;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:1px 10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tg th{font-family:roboto, sans-serif;font-size:16px;font-weight:normal;padding:1px 10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tg .tg-yfiy{font-weight:bold;font-size:16px;vertical-align:bottom}
.tg .tg-qv16{font-weight:bold;font-size:16px;text-align:center;vertical-align:top}
.tg .tg-k010{font-weight:bold;font-size:16px;text-align:center;vertical-align:bottom}
.tg .tg-yw4l{vertical-align:top}
.tg .tg-qnmb{font-weight:bold;font-size:16px;text-align:center}

</style>

<table align="center" class="tg" style="undefined;table-layout: fixed; width: 563px">

<colgroup>
<col style="width: 166px">
<col style="width: 81px">
<col style="width: 79px">
<col style="width: 86px">
<col style="width: 85px">
<col style="width: 66px">
</colgroup>
<tr>
<th class="tg-yfiy">test</th>
<th class="tg-k010">one</th>
<th class="tg-qv16">two</th>
<th class="tg-qv16">three</th>
<th class="tg-qv16">four</th>
<th class="tg-qv16">five</th>
</tr>
<tr>
<td class="tg-yw4l"></td>
<td class="tg-qnmb">one</td>
<td class="tg-qv16">two</td>
<td class="tg-qv16">three</td>
<td class="tg-qv16">four</td>
<td class="tg-qv16">five</td>
</tr>
</table>  


</div>
</div>
</section>  

Answer 1

我在自己身上试过了，好像是centered .你可以试试: margin-left:auto; margin-right:auto 用于水平对齐；边距顶部:自动； margin-bottom:auto，用于垂直对齐或margin:auto 两者均适用。