html - 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;