2012-09-19 49 views
0

我想要得到如下結果:http://jsfiddle.net/7Kc2m/,但我不想使用text-align,原因很明顯。我試圖離開只是margin: 0 auto,但它神祕不起作用。那麼,如何在沒有text-aligncenter的情況下實現這一目標?如果可以的話,請告訴我爲什麼它不適用於margin: 0 auto的原因以及它與您的協作原理,謝謝。文本對齊元素

當我用float: left嘗試時,它不起作用。

回答

3

確保在margin:0 auto元素上指定寬度。

它的工作原理在小提琴,因爲它如果指定的寬度心不是一個inline-block的元素,與文本對齊一起選擇,而是一個塊級元素將跨越整個頁面的寬度,使得利潤率招無效。

+0

如果我不知道寬度怎麼辦? –

+0

並且通過指定寬度我並不意味着100%,我的意思是儘可能少的硬像素寬度將跨越你想要居中的內容。 – anson

+0

好了,你可以選擇一個硬寬度,然後調整圖片的大小或裏面的內容,以適應它,或者,你可以看看中央元件時,他們使用這種方法飄來:http://stackoverflow.com/questions/1232096/如何對horizo​​natally中心-A-浮動元件對的一可變寬度 – anson