0

これは私のcssファイルのスニペットです

#centered{
    position: relative;
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }
#table{
    text-align: center;
    font-size: 1.5em;
    font-weight: 900;
    background-color: #5E9DC8;
}

これは、私が使用しようとしている html セクションです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
    <title>Bicycle Store Database</title>
    <link rel="stylesheet" type="text/css" href="web.css" />
</head>
<body>

    <h1>ACME BICYCLE SHOP</h1>
    <h2>GET IN GEAR!</h2>

    <div id="centered">
    <table id="table" border="0" cellpadding="10"> 
        <tr>
            <td><a href="search_inv.php" class="navTest">Go Shopping!</a><br/><br/>
            <a href="search_service.html" class="navTest">Check a Service Ticket</a></td>
        </tr>
    </table>
    </div>

    <p><br/><a href="index.html">HOME</a></p>
</body>
</html>

結果は次のとおりです。

div が中央に配置されていません

私が読んだすべてのことは、私がこれを正しく行ったことを示していますが、すべてのブラウザーで中心から外れています。何かご意見は？

4

3 に答える 3

2

なぜそのためにテーブルを使用しているのですか？具体的な理由は？こんな簡単にできないの？

<div class="center">
  <a href="#">Go Shopping</a>
  <br>
  <a href="#"></a>
</div>

.center {
   margin: auto;
   /* Other styles goes here, width height background etc */
}
于 2012-11-25T19:48:23.977 に答える
1

あなたはセンタリングしていますが#centered、その中のテーブルではありません。に追加margin:0 auto;し#tableます。

于 2012-11-25T19:53:05.273 に答える
0

div はページの中央に配置されます。

テーブルは div で左揃えになります。

table { margin-left: auto; margin-right: auto; }div のテーブルを中央に追加します。

于 2012-11-25T19:50:27.870 に答える