3

因此，我在 CSS 中设计了一个网站，并试图将我的导航栏（带有链接的标题）居中，但是当我使用“文本对齐：中心”和“边距：自动”属性时，它不起作用。这是我的 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

尝试将 text-align 放在 h3 标签而不是 a 标签上。

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;子级（a 标签）上。

于 2012-08-24T00:13:42.183 回答
0

像这样 h3 { width : 30% ; 文本对齐：居中；} 一 { 颜色 : 白色 ; 背景：#32C1DA；宽度：30%；文本对齐：居中；字体系列：Arial；字体大小：150%；边距：自动；字间距：正常}

于 2012-08-24T00:23:50.727 回答