2011-08-20 74 views
2

我想中心,這是浮動到左邊div的內容,(順便說一句,這個div的內容是被向左浮動其他容器)中心內容:左

http://jsfiddle.net/KgH8c/爲一個例子。

由於在IE中無法使用,我無法使用內聯塊。

還有其他解決方案嗎?

感謝, 韋斯利

+0

你想要一個向左浮動爲中心的集裝箱?我不確定我是否理解這個問題。 – Zoidberg

+0

@Zoidberg,這是一個滑塊類型的東西,外部div(浮左)是每個幻燈片/頁面,內部的內容,是的,這些浮動,但應儘可能居中...... – Wesley

+1

你確定內聯塊在IE中不起作用?我看了一下你的CSS。我看到的是你使用'margin:0 auto;'。邊距爲「0」或「自動」。兩者都不起作用。也許這就是IE無法解釋你的CSS權利的原因。 – Marco

回答

4

我不能使用inline-block的原因在於沒有在IE工作。

這並不完全正確。它完全在IE8及更高版本中運行。在IE6/7中,它只適用於自然內聯元素。幸運的是,有一個非常簡單的方法來解決它(到例如下工夫,div S):

.inline-block { 
    display: inline-block; 
    *display: inline; 
    zoom: 1 
} 

參見:http://jsfiddle.net/thirtydot/KgH8c/1/

+0

是的,我知道它適用於自然內聯元素,這就是爲什麼我不能使用它,因爲內容是divs,而不是跨度或圖像。 – Wesley

+2

如果有人像我一樣對'*'好奇,那麼只能在IE6/7([ref](http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml))中使用該屬性是一種破解。 –

+0

@邁克爾哈倫tnx的信息 – Rafay