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; }

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

http://stackoverflow.com/questions/3628515/css-align-three-divs-horizontally

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:CSS水平排列三个div