CSS的保證金不起作用

Question

我有表格，我想把它放在頁面中間。 如果我將align屬性設置為center，它可以工作，但是我想使用CSS做到這一點。 這是我的CSS：

center vorder, td
{
  border-color:Blue;
  border-style:double;
  color:#8A2BE2F;
  margin-left:auto;
  margin-left:auto;
  margin-right:auto;

}

這是我的表代碼：

<table class="center vorder" >
<tr><td colspan="4">mittige Tabelle</td></tr>
<tr><td>Element 0 0</td><td>Element 0 1</td><td>Element 0 2</td><td>Element 0 3</td></tr>
<tr><td>Element 1 0</td><td>Element 1 1</td><td>Element 1 2</td><td>Element 1 3</td></tr>
<tr><td>Element 2 0</td><td>Element 2 1</td><td>Element 2 2</td><td>Element 2 3</td></tr>
</table>

謝謝您的幫助。

Answer 1

您的CSS語法已關閉。

table.center
{
  margin-left:auto;
  margin-right:auto;

}

td {
  border-color:Blue;
  border-style:double;
  color:#8A2BE2F;
}

Answer 2

您缺少語法，需要在類的前面加上“”。

.center.vorder, td
{}

請參閱工作修補程序http://jsbin.com/azoxes/1/edit

Answer 3

您可以使用. 對於CSS中的類：

.center.vorder
{
  border-color: blue;
  border-style: double;
  color: #8A2BE2F;
  margin: 0 auto;
}

如果要使td的文本居中，則應使用以下命令：

td
{
    text-align: center;
}

Answer 4

通過該代碼，您的css甚至沒有被使用。 應該是這樣的：

.center.vorder, td

要么

.center.vorder td

..取決於您要定位的目標。

此外，您還有margin-left: auto兩次，因此刪除一個。 您可以像這樣一行來完成：

margin: 0 auto;