2011-08-20 157 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