4

「ホーム」ボタンが中央に表示されないようです。ホームテキストは中央ではなく左側にあります。htmとcssは次のようにリンクされています。html：

  <html>
  <head>
  <link rel="stylesheet" type="text/css" href="background.css"/>
  </head>
  <body>
  <h1>Bully-Free Zone</h1>
  <h2>"Online harassment has an off-line impact"</h2>
  <a href="New.html" class="nav-link">Home</a>
  </body>
  </html>

Css：

a.nav-link:link
{
color: black;
text-decoration: underline;
font-family:broadway;
font-size:30px;
text-align:center;
}
a.nav-link:visited
{
color: black;
text-decoration: none;
}
a.nav-link:hover
{
color: black;
text-decoration: none;
}
a.nav-link:active
{
color: black;
text-decoration: none;
}
4

5 に答える 5

15

divあなたはそれを：で包むことができます

<div align="center">
  <a href="New.html" class="nav-link">Home</a>
</div>

divまたは、 ：のクラスを作成できます。

HTML：

<div class="myDiv">
  <a href="New.html" class="nav-link">Home</a>
</div>

CSS：

.myDiv {
    text-align: center;
    width: 300px;
}
于 2012-04-17T01:18:51.747 に答える
2

text-alignプロパティは、それが入っているコンテナ内のテキストのみを中央に配置します。この場合、タグの幅はテキストと同じです。そのため、そのリンクタグにtext-alignプロパティをどのように設定しても、常に同じように表示されます。中央に配置するには、幅の広い要素に配置する必要があります。

<div id="nav">
    <a href="New.html" class="nav-link>Home</a>
</div>

そしてあなたのCSS：

#nav
{
   text-align: center;
}

幸運を！

于 2012-04-17T01:22:34.397 に答える
1

プロパティtext-align：centerは親要素に付随している必要があります

于 2012-04-17T01:22:56.863 に答える
0 
<a href="#">Link</a>

a {
  display: block;
  margin: auto;
}
于 2012-11-20T12:09:12.560 に答える
0

私は8か月遅れて返信しましたが、Backtrackと同じ問題があり、上記の回答を組み合わせて試すことで、この方法で事故を修正することができました。将来誰かがこの解決策を必要とする場合に備えて、私はあなたとそれを非常に敬意を表して共有します。

CSS：

a {

  text-align: center;

  margin: 20px;

  display: block;

   }

「a」タグで「Id」を使用する場合にも機能します。

于 2020-12-12T22:18:12.763 に答える