html - 使用 CSS 并排对齐 div

Question

我想并排放置我的三个中间 div 元素，中间 div 宽度最大，而其他两个元素是固定大小

<div>
    <div style="width:50px; height; 50px;">Image</div>
    <div>Some Text</div>
    <div style="width:20px; height; 50px;">Image</div>
</div>

Answer 1

我觉得你没有尝试用谷歌搜索这个但是，我感觉很好

抱歉，这是一个正在运行的 jsfiddle http://jsfiddle.net/austinbv/YbCmH/

<div>
    <div id="first" >Image</div>
    <div id="second">Some Text</div>
    <div id="third" >Image</div>
</div>

CSS

div > div {
    position: absolute;
    height: 50px;
}
#first {
    background: red;
    left: 0;
    width: 50px;
}
#second {
    background: blue;
    left: 50px;
    right: 50px;
}
#third {
    background: green;
    right: 0px;
    width: 50px;
}