如何在html5中居中按鈕？

如何在html5中居中按鈕？通過修改css文件。我不想在html代碼中使用中心標籤。如何在html5中居中按鈕？

a.read{ 
padding:10px 20px; 
font-size:14px; 
line-height:20px; 
background-color:#eba73c; 
text-align:center; 
color:#fff; 
border-radius:5px; 
text-decoration:none; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
text-align:center; 
display:inline-block; 
clear:both 
}

來源

2014-02-15 Anders

爲中心的東西，你給'保證金：0汽車;'它 –

謝謝佩德羅，但我已經試過了。 http://jsfiddle.net/AndersN/YT4Uk/ – Anders

可以將這些樣式的錨，使其塊級，指定寬度，然後調整其利潤率是這樣的：

a.read{ 
    display:block; 
    width:100px; 
    margin:0 auto; 
}

或者將此父元素：

.parent{ 
    text-align:center; 
}

來源

2014-02-15 14:50:11

謝謝你克里斯。你的解決方案是最好的。 http://jsfiddle.net/AndersN/LyX3L/ – Anders

很高興我能幫忙，請隨時將此標記爲答案。 –

請不要使用<center></center>標籤，它們已被刪除/不如HTML5的有效。

按鈕的父母是什麼？

例如，如果您有：

<div class="container"> 
    <button class="read">A button</button> 
</div>

可以通過應用text-align: center到該按鈕的父居中。

.container { 
    text-align: center; 
}

來源

2014-02-15 14:49:35 CRABOLO

謝謝你的幫助。我解決它像這樣http://jsfiddle.net/AndersN/LyX3L/ – Anders

如何在html5中居中按鈕？

回答

相關問題