3

CSS で Web サイトを設計し、ナビゲーション バー (リンク付きのヘッダー) を中央に配置しようとしていますが、「text-align : center」および「Margin : auto」プロパティを使用すると機能しません。これが私のHTMLファイルコードです:

<html>
  <head>
    <meta http-equiv="Content-Type"
         content="text/html;charset=ISO-8859-1">
    <title>Brickwood Fire Dept. - Established 2008</title>
    <link type="text/css"
         rel="stylesheet" href="main_style.css" media="screen"
  </head>
<body>
  <h1>
    Brickwood Fire Department
  </h1>
  <h2>
    Established 2008
  </h2>
  <h3>
    <a class = "home" href = "http://www.brickwoodfiredept.weebly.com">Home</a>
    <a href = "http://www.brickwoodfiredept.weebly.com/contact-us">Contact</a>
    <a href = "http://www.brickwoodfiredept.weebly.com/media.html">Media</a>
    <a href = "http://www.brickwoodfiredept.weebly.com/links">Links</a>
    <a href = "http://www.brickwoodfiredept.weebly.com/newsletter">Newsletter</a>
  </h3>
</body>
</html>

ここに私のCSSコードがあります:

a {
  color : white ;
  background : #32C1DA ;
  width : 30% ;
  text-align : center ;
  font-family : Arial ;
  font-size : 150% ;
  margin : auto ;
  word-spacing : normal
}

残りの CSS コードは、スペースを節約するために省略されています。

4

5 に答える 5

3

aタグではなくh3タグにtext-alignを入れてみてください。

h3 { text-align:center; }
于 2012-08-24T00:14:27.820 に答える
1

最も簡単な答えは次のとおりです。

h3 {
    text-align:center;
}
于 2012-08-24T00:19:51.387 に答える
0

追加してみる

display:block;

あなたのCSSに

于 2012-08-24T00:11:48.067 に答える
0

margin:auto;親 (h3 タグ) とtext-align:center;子 (タグ)が必要です。

于 2012-08-24T00:13:42.183 に答える
0

このようなもの h3 { width : 30% ; テキスト整列: センター; } a { 色 : 白 ; 背景: #32C1DA ; 幅: 30%; テキスト整列: センター; フォントファミリー: Arial; フォントサイズ: 150% ; マージン: 自動; 単語間隔: 通常 }

于 2012-08-24T00:23:50.727 に答える