保證金在CSS不起作用

Question

我有表，我想把它放在頁面中間。如果我將align屬性設置爲居中，它可以工作，但我想用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甚至沒有得到使用。它應該是這樣的：

.center.vorder, td

或

.center.vorder td

..depending你想要的目標是什麼。

你也有margin-left: auto兩次，所以刪除一個。你能做到這一點的一條線，像這樣：

margin: 0 auto;

Answer 2

你缺少語法，需要用「。」前綴類。

.center.vorder, td 
{} 

參考工作修復http://jsbin.com/azoxes/1/edit

Answer 3

你的CSS語法是關閉的。

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

} 

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

Answer 4

您前人的精力用.類在CSS：

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

如果你想中心對TD的文本您shuld使用：

td 
{ 
    text-align: center; 
}