回答
你想是這樣的:
<div style="width: 500px; text-align: center;">
<div style="margin: 0 auto; width: 100px;">I am centered</div>
</div>
最關鍵的是文本對齊:中心父,以及保證金:0汽車內部零件
最好的方法^ o^ – 2009-10-26 01:02:37
最適用和最常見的方法。 – 2009-10-26 01:04:03
您只能將元素浮動到左側或右側。
也許描述你試圖達到什麼樣的佈局。
沒有float:center。但是當你想要一個div爲中心,以其父本應該做的伎倆:
#parent-element{
position: relative;
}
#element
{
width: 500px;
left: 50%;
margin-left: -250px; /* - (width/2) */
position: absolute;
}
但是,到底什麼是你想達到什麼目的?
像這樣的CSS絕對不是一個好主意 – 2009-10-26 00:48:39
@dcaunt,如果可以的話,我會降低你的評論。雖然這種技術可能會導致小屏幕上出現問題,但有時這正是解決問題所需要的,特別是對於複雜的分層佈局。你的是更常見的解決方案,但yopefonic的不是*錯誤*。 – 2009-10-26 01:03:06
這是通過文本對齊方式的最佳用例嗎?我的評論可能過於苛刻! – 2009-10-26 01:07:10
- 1. CSS float「擁抱中心」?
- 2. 將UILabel的位置設置爲中心
- 3. 在jQuery中將CSS類設置爲href =「/」
- 4. 將ViewFlipper的子項設置爲中心
- 5. ViewPagerIndicator - 將TabPageIndicator設置爲中心
- 6. 將PDF的內容設置爲中心
- 7. 將標記中心設置爲GeoPoint
- 8. jquery將transform-origin設置爲中心
- 9. 將Autosized標籤設置爲中心c#
- 10. AutoComplete:將float設置爲適配器
- 11. 無法將某個中心設置爲中心
- 12. CSS Float左側爲頁面中心的分區
- 13. 中心位置CSS
- 14. 將動態文本置於CSS中心
- 15. 將文本置於按鈕中心CSS
- 16. 在Internet Explorer中的CSS Float
- 17. 以CSS爲中心。
- 18. 以css爲中心
- 19. 以CSS爲中心
- 20. 熊貓在csv列中讀取爲float並將空單元格設置爲0
- 21. 將CSS STYLE設置爲RadioButtonList
- 22. C#將css設置爲System.windows.forms.webBrowser
- 23. CSS:將一個div爲中心的DIV
- 24. 如何使用css將此按鈕設置爲x軸的中心?
- 25. CSS的float設置爲正確的,但浮動左
- 26. 將屏幕位置設置爲屏幕中心
- 27. 如何將精靈的位置設置爲屏幕中心
- 28. 如何將FolderBrowserDialog的位置設置爲父級的中心?
- 29. jquery css styleswitcher將cookie設置爲css
- 30. 在yii中爲Cgridview設置css
兩個yopefonic和dcaunt的技術是完全有效的(儘管dcaunt的評論)。它們都有其特定的用例和缺點。 – 2009-10-26 01:01:02
也許,但我認爲yopefonic的技術被混淆 - 開發人員應該知道文本對齊如何與0自動邊距一起工作以實現居中 - 這是經常需要的。如果寬度改變,維護也更容易。 – 2009-10-26 01:04:59