【问题标题】:Centering floated divs with fluid widths以流体宽度居中浮动 div
【发布时间】:2011-10-24 20:34:36
【问题描述】:

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

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

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

最好的方法是什么?

谢谢 加里

【问题讨论】:

    标签: html width css-float fluid


    【解决方案1】:

    一般来说,块级元素(如 div)居中的过程是设置 margin:0 auto,但你永远不会得到任何已经浮动的居中。我们需要更多关于你想要达到的具体效果的信息:你需要整个 div 居中,还是只需要 div 的内容?如果是前者,您需要在 div 上设置一个硬宽度,否则它将扩展以填充其容器的整个宽度。防止这种情况的唯一方法是使用浮动,因为您希望它居中。如果是后者,那么您只需在 div 上设置 text-align:center ,其中的所有内容都将居中。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-06-17
      • 1970-01-01
      • 2011-07-31
      • 2014-06-09
      • 2013-06-08
      • 2012-12-13
      • 1970-01-01
      相关资源
      最近更新 更多