2009-10-26 98 views
1

如何在css中將定義float設置爲中心?實際上,我需要一個左右佈局,我也嘗試過「文本對齊」,但它不起作用,「浮動」屬性正常工作。在css中將float設置爲中心

謝謝

+0

兩個yopefonic和dcaunt的技術是完全有效的(儘管dcaunt的評論)。它們都有其特定的用例和缺點。 – 2009-10-26 01:01:02

+0

也許,但我認爲yopefonic的技術被混淆 - 開發人員應該知道文本對齊如何與0自動邊距一起工作以實現居中 - 這是經常需要的。如果寬度改變,維護也更容易。 – 2009-10-26 01:04:59

回答

10

你想是這樣的:

<div style="width: 500px; text-align: center;"> 

    <div style="margin: 0 auto; width: 100px;">I am centered</div> 

</div> 

最關鍵的是文本對齊:中心父,以及保證金:0汽車內部零件

+0

最好的方法^ o^ – 2009-10-26 01:02:37

+0

最適用和最常見的方法。 – 2009-10-26 01:04:03

0

您只能將元素浮動到左側或右側。

也許描述你試圖達到什麼樣的佈局。

1

沒有float:center。但是當你想要一個div爲中心,以其父本應該做的伎倆:

#parent-element{ 
    position: relative; 
} 
#element 
{ 
    width: 500px; 
    left: 50%; 
    margin-left: -250px; /* - (width/2) */ 
    position: absolute; 
} 

但是,到底什麼是你想達到什麼目的?

+1

像這樣的CSS絕對不是一個好主意 – 2009-10-26 00:48:39

+0

@dcaunt,如果可以的話,我會降低你的評論。雖然這種技術可能會導致小屏幕上出現問題,但有時這正是解決問題所需要的,特別是對於複雜的分層佈局。你的是更常見的解決方案,但yopefonic的不是*錯誤*。 – 2009-10-26 01:03:06

+0

這是通過文本對齊方式的最佳用例嗎?我的評論可能過於苛刻! – 2009-10-26 01:07:10