CSS水平排列三个div

前端之家收集整理的这篇文章主要介绍了CSS水平排列三个div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题在父div内对齐三个div,我需要的效果如下
|IMAGE| +TEXT+ |IMAGE|

每个div分别包含一个图像(2)和文本(1)。对齐它们很容易,问题是我想要CENTER div自动宽度到浏览器窗口的大小,并分别保持其他IMAGE divs在右侧和左侧。

例如,如果用户最大化窗口,

|IMAGE| +++++++++++++++++++TEXT++++++++++++++++++++++++ |IMAGE|

正如你所看到的,这个想法是中心的div增长,自动宽度,但保持结构。

我怎么能得到这个行为?提前致谢。

解决方法

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

如果仍然不符合您的要求,请提供更详细的要求。

猜你在找的CSS相关文章