Can not text-align：center on css

我似乎無法讓我的「Home」按鈕居中。家庭文本在左側，而不是center.I有我的htm和CSS掛像這樣： HTML：Can not text-align：center on css

<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; 
}

來源

2012-04-17 Backtrack

你可以在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-17 01:18:51 sooper

非常好的謝謝你，它的工作:) – Backtrack 2012-04-17 01:20:59

如果你滿意的解決方案，您可以點擊旁邊的複選框圖標答案？ – sooper 2012-04-17 01:23:58

哪一個更專業？只使用html內嵌文本？或創建一個CSS類？ – Backtrack 2012-04-17 01:58:43

的text-align屬性將唯一的中心是在容器內的文本在這種情況下，標籤是唯一的一樣寬的文本。所以無論你如何在鏈接標籤上設置文本對齊屬性，它總是會顯示相同的。爲了居中它，你需要把它放在一個更寬的元素中。

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

和你的CSS：

#nav 
{ 
    text-align: center; 
}

祝您好運！

來源

2012-04-17 01:22:34 Ricketts

物業的text-align：中心應該是附屬於父元素

來源

2012-04-17 01:22:56

-1

<a href="#">Link</a> 

a { 
    display: block; 
    margin: auto; 
}

來源

2012-11-20 12:09:12 mrded

Can not text-align：center on css

回答

相關問題