0

テーブルがあり、ページの中央に配置したいと考えています。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>

ご協力ありがとうございました。

4

4 に答える 4

3

CSS 構文が無効です。

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

}

td {
  border-color:Blue;
  border-style:double;
  color:#8A2BE2F;
}
于 2012-11-09T13:34:49.120 に答える
1

構文がありません。クラスの前に「.」を付ける必要があります。

.center.vorder, td
{}

作業中の修正を参照してくださいhttp://jsbin.com/azoxes/1/edit

于 2012-11-09T13:34:20.460 に答える
1

.CSS のクラスに使用する必要があります。

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

td のテキストを中央に配置する場合は、次を使用する必要があります。

td
{
    text-align: center;
}
于 2012-11-09T13:38:36.207 に答える
0

そのコードから、あなたのCSSは慣れていません。次のようになります。

.center.vorder, td

また

.center.vorder td

..何をターゲットにするかによって異なります。

またmargin-left: auto、2 つあるので、1 つを削除します。次のように 1 行で実行できます。

margin: 0 auto;

于 2012-11-09T13:36:46.160 に答える