使具有流体宽度的浮动div居中

时间:2011-08-11 10:30:41

标签: html width css-float fluid

我在包含待售产品的页面上有以下div:

容器div。以750px宽度在屏幕上居中。 Div图像(450px)向左浮动。 带有文本的Div(允许文本溢出的流体宽度)向左浮动。

我希望div在容器中居中,但不能指定文本div的像素宽度,因为有些页面的文本比其他页面多。

最好的方法是什么?

由于 加里

1 个答案:

答案 0 :(得分:1)

通常,对块级元素(如div)进行居中的过程是设置margin:0 auto,但是你永远不会得到任何浮动的中心。我们需要有关您正在尝试实现的特定效果的更多信息:您是否需要整个div来居中,或者只是div的内容呢?如果是前者,则需要在div上设置硬宽度,否则它将展开以填充其容器的整个宽度。防止这种情况的唯一方法是使用浮动,因为你希望它居中。如果是后者,则可以在div上设置text-align:center,其中的所有内容都将居中。