浮動：中心不起作用？

我正在做我的第一個Tumblr主題使用教程，我在這個總新手。浮動：中心不起作用？

.metadata a { 
display: inline-block; 
float: center; 
margin-left: 2%; 
}

我想要的職位爲中心，但唯一的事情，工作都是浮動：左和float：右

我該怎麼辦？請解釋清楚，因爲正如我所說，我是一個總新手，而且我不是以英語爲母語的人。

2012-09-28 Pokoro

沒有'float：center'這樣的東西。如果教程中有說明，那就錯了。 – BoltClock

此外，如果您嘗試以「發佈」爲中心，則需要使用其他標籤。在這個CSS中，你不僅使用了不正確的屬性賦值，而且還將它掛鉤到'.metadata'類中的''標記（或鏈接）。 – Scrimothy

只能左浮動或右，所以浮動不是一個不錯的選擇。

添加text-align: center到一個標籤的父元素。這將不僅以文本爲中心，還會以其他內聯和內嵌塊元素爲中心，像您的那樣。

另一種方式來中心元素，是給他們display: block; margin 0 auto。「自動」左右邊距使元素居中。這是將元素居中的常用技巧，但它僅適用於塊元素（或帶有display: block的元素）。這也意味着你必須指定一個寬度，因爲如果你不這樣做，塊元素將消耗父寬度的100％。

我覺得你的情況，一個明確的寬度是不是一種選擇，這樣的text-align將是最好的選擇。

2012-09-28 21:42:16 GolezTrol

您可能不想使用「float」來控制文本的方向，而是希望使用「文本對齊」並將其應用於標記的父項。「text-align：center;」將應用於父級內的所有內聯元素（如a）。見text-align 和float 文檔/教程。

2012-09-28 21:44:53 Mike

對不起，但沒有float: center;。內聯使用margin: 0 auto;來中心塊級元素和text-align: center;。

2012-09-28 21:48:54 jsblaisdell

回答