不要爲div中的元素設置垂直對齊

Question

我有一個包含項目模板的數據列表。

<asp:DataList ID="DataList1" Width="100%" runat="server" RepeatColumns="3" RepeatDirection="Horizontal"> 
    <ItemTemplate > 
    <div style="text-align:center;margin-bottom:5px;vertical-align:bottom;clear:both"> <a href='<%# Eval("Url") %>' rel='prettyPhoto[gallery1]' style='margin:10px;margin-bottom:0px; text-align: center'> <img src='<%# Eval("Url") %>' width='180' /></a> 
     <br /><label ><%# Eval("Name") %></label> </div> 
    </ItemTemplate> 
    </asp:DataList> 

我設置數據源這一點。

我的圖片有不同的寬度和高度。

當我運行這個，我的圖像設置中心的div，但我想設置div的底部。

我使用

垂直對齊：底部;

但是不要設置垂直對齊。

Answer 1

嘗試對圖片做​​。

Answer 2

您需要爲inline或inline-block元素應用vertical-align。看看這個：http://jsfiddle.net/6HuF9/

Answer 3

設置div的顯示，以inline-block的

display: inline-block;