-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の下部に設定したいと思います。

私が使う

vertical-align：bottom;

ただし、vertical-alignは設定しないでください。

4

3 に答える 3

0

または要素をvertical-align申請する必要があります。これを見てください：http：//jsfiddle.net/6HuF9/inlineinline-block

于 2013-01-24T12:07:09.377 に答える
0

divの表示をインラインブロックに設定

display: inline-block;
于 2013-01-24T12:29:37.187 に答える
-1

margin-bottom:0px;あなたのイメージでやってみてください。

于 2013-01-24T09:50:29.113 に答える