-1

我有一个带有项目模板的数据列表。

 <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 的底部。

我用

垂直对齐：底部；

但不要设置垂直对齐。

4

3 回答 3

0

将 div 的显示设置为 inline-block

display: inline-block;
于 2013-01-24T12:29:37.187 回答
0

您需要申请vertical-align或inline元素inline-block。看这个：http: //jsfiddle.net/6HuF9/

于 2013-01-24T12:07:09.377 回答
-1

尝试margin-bottom:0px;对您的图像进行操作。

于 2013-01-24T09:50:29.113 回答