0

「a」要素を中央に配置する必要があります

HTML コード:

<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
</head>

<body>

    <h1>Olive</h1>
    <a href="page1.html">Enter</a>

</body>
</html>

CSS コード:

body {
background-color: olive;
}

h1 {
font-family: 'Cedarville Cursive', cursive;
font-size: 230px;
text-align: center;
}

a {
font-family: 'Cedarville Cursive', cursive;
color: white;
font-size: 100px;
text-decoration: none;

}

CSSシートの「a」要素に「text-align」を使ったのですが、変わりませんでした。

4

4 に答える 4

3

text-align:center;要素内のテキストを中央揃えにします。これを に適用すると、テキストがその内側の中央に配置されます<a>が<a>、<a>インライン要素であり、伸縮しないため、 内に配置する必要がありますdiv。

<div> <a> Ha </a> </div>

div{
text-align:center;
}
于 2013-03-15T03:06:40.270 に答える
2

これは、デフォルトtext-alignのようにインラインの要素を使用できないためです。aこれを試して：

a {
    display: block;
    text-align: center;
    /* ... */
}
于 2013-03-15T03:04:56.010 に答える
1

親 (本文)で text-align を使用する必要があります。これにより、インラインの子が整列されます。

于 2013-03-15T03:06:15.267 に答える
0

これはインライン要素であるため、スタイルの問題に関係なく、要素は常にブロック要素にネストする必要があります。

例えば：

<p>
  <a><a href="page1.html">Enter</a>
</p>

このようにして、次の CSS ルールのようなものを使用できます。

p > a { text-align: center; }
于 2013-03-15T04:42:36.517 に答える