相关疑难解决方法(0)

我希望在容器div中对齐3个div,如下所示:

[[LEFT]       [CENTER]        [RIGHT]]

容器div是100%宽(没有设置宽度),并且在调整容器大小后中心div应保持在中心.

所以我设置:

#container{width:100%;}
#left{float:left;width:100px;}
#right{float:right;width:100px;}
#center{margin:0 auto;width:100px;}

但它变成了:

[[LEFT]       [CENTER]              ]
                              [RIGHT]

有小费吗？

我有一个固定高度的div标签.大多数图像具有相同的高度和宽度.

我想对齐div底部的图像,以便它们排列整齐.这是我到目前为止:

<div id="randomContainer">
    <div id="imageContainer">
        <img src="1.png" alt=""/>
        <img src="2.png" alt=""/>
        <img src="3.png" alt=""/>
        <img src="4.png" alt=""/>
    </div>
    <div id="navigationContainer">
        <!-- navigation stuff -->
    </div>
</div>

CSS看起来像:

div#imageContainer {
    height: 160px;  
    vertical-align: bottom;
    display: table-cell;
}

我设法在与底部对齐图像display: table-cell和vertical-align: bottomCSS属性.

有没有更简洁的方法将div显示为表格单元格并对齐DIV标签底部的图像？

我想要一个html图像与div标签的底部齐平.我似乎无法找到实现这一目标的方法.

这是我的HTML:

<div class="span8">
  <img src="/img/play-shot1.jpg" class="text-center shadow">
</div>

问题是div嵌套在具有填充或边距的其他div中.