CSS对齐3个div的水平

我有对准父DIV内部的三个div的一个问题

|IMAGE| +TEXT+ |IMAGE|

每个div包含影像（2）和文本（1）分别。对齐它们很容易，问题是我希望CENTER div自动调整到浏览器窗口的大小，并将其他IMAGE div始终分别放在左侧和右侧。

像这样的事情，例如，如果用户将窗口最大化：

正如你所看到的，这个想法是，中心DIV的增长，和经销商的宽度，但保持结构。

我怎么能得到这种行为？提前致谢。

来源

2010-09-02 lidermin

#container { text-align: center; } 
#div-1 { float: left; } 
#div-2 { display: inline; } 
#div-3 { float: right; }

如果这仍然不符合您的要求，请给出更详细的要求。

来源

2010-09-02 15:31:49

这正是我一直在寻找。我错过了div-2显示内联部分。谢谢。 – lidermin 2010-09-02 17:41:49

只是一个参考，如果您的DIV没有内容，并且您只是使用它们来保存背景图像，您可能需要使用'display：inline-block;'而不是'display：inline;'。我意识到被问的问题并非如此，但这是引发了很多人的事情。 – 2013-01-21 01:58:18

下面是三个图像并排另一内嵌执行：

<div style="text-align:center"> 

    <div style="float: left"><img src="image1.png"/></div> 

    <div style="display: inline"><img src="image2.png"/></div> 

    <div style="float: right"><img src="image3.png"/></div> 

</div>

来源

2012-07-30 14:50:45 Ian

+16

这似乎是与内联样式完全相同的实现。 – Jack 2012-07-30 15:11:31

CSS对齐3个div的水平

回答

相关问题