1

さまざまな種類のテキストのスタイルを設定するために、いくつかの CSS をクラスと共に使用しています。というクラスでいくつかのリンクをスタイリングしていますa.searchresult。属性の 1 つが ですがtext-align:center、テキストには影響しません。左揃えのままです。なぜこうなった？

関連する CSS は次のとおりです。

a.searchresult
{
font-family:Trebuchet MS;
font-size:20px;
text-align:center;
color:blue;
margin:0;
padding:0;
}

そしてHTML：

<div class = "content">
<h2 class = "main">Search results for post deletion in topics</h2>
<br /><br />
<!--This link is aligned left-->
<a class = 'searchresult' href = 'display_post.php?id=15'>Post deletion</a><p class = 'searchresult'>At last, I did it!</p><br /><br />
</div>

リンクは PHP からエコーされていることに注意してください。それが影響するかどうかはわかりませんが、言及する必要があると思いました。

4

6 に答える 6

7

コンテナに入れてコンテナに設定text-align: center;するか、ブロック要素にする必要がありdisplay: block;ます。aタグはインライン要素であるためtext-align、機能しません。

ブロック要素として機能する例を次に示します: http://jsfiddle.net/a9YAp/

そして、ここのdiv: http://jsfiddle.net/pmsSV/

于 2013-06-01T10:25:41.757 に答える
1

a表示プロパティを変更せずにタグの幅を設定することはできないため、幅は効果がありません。これがtext-align機能していないように見える理由です

デモhttp://jsfiddle.net/kevinPHPkevin/CJdvQ/1/

a.searchresult
{
font-family:Trebuchet MS;
font-size:20px;
text-align:center;
color:blue;
margin:0;
padding:0;
width:500px;
border: thin solid black;

}

追加するdisplay:block;とうまくいきます。

デモhttp://jsfiddle.net/kevinPHPkevin/CJdvQ/2/

于 2013-06-01T10:35:40.097 に答える
0

デモはこちら... http://jsfiddle.net/94Ty9/

このcssを追加...

CSS

a.searchresult
{
    font-family:Trebuchet MS;
    font-size:20px;
    text-align:center;
    color:blue;
    padding:0;
    margin:0;
    float:left;
    width:100%;
}
于 2013-06-01T10:34:38.600 に答える
0

<a> タグをdivに入れるだけです！text-align:center

<div class = "content">
    <h2 class = "main">Search results for post deletion in topics</h2>
    <br /><br />
    <!--This link is aligned left-->
    <div id="Holder">
    <a class = 'searchresult' href = 'display_post.php?id=15'>Post deletion</a><p class = 'searchresult'>At last, I did it!</p><br /><br />
    </div>
    </div>






 a.searchresult
{
font-family:Trebuchet MS;
font-size:20px;
text-align:center;
color:blue;
margin:0;
padding:0;
}
#Holder
{
    text-align:center;
    }
于 2013-06-01T10:36:25.433 に答える
-1

要素または幅の上の要素を指定してみてください

a.searchresult
{
font-family:Trebuchet MS;
font-size:20px;
text-align:center;
color:blue;
margin:0;
padding:0;
width:300px;
}
于 2013-06-01T10:26:42.623 に答える