3

divに画像があります。divの画像に垂直方向の下部と水平方向の中央を設定したい。

要素を中央に配置するには、align を使用しますが、要素を正しい位置に設定します。

  <asp:Repeater ID="product" runat="server">
  <ItemTemplate>
  <div style="float: right; width: 180px; height: 177px; margin: 0 30PX 10px 5px">
     <asp:Panel ID="Panel1" runat="server">
        <font color="white">
        <asp:Label ID="Label1" runat="server" Text='<%# Eval("Name") %>'></asp:Label></font>
        <br />
        <div style="height:140px ; overflow:hidden">
           <asp:Image ID="Image1"  runat="server"  Width="120px" ImageUrl='<%#  Eval("Image") %>' ImageAlign="Bottom" />
       </div>
      </asp:Panel>
 </div>
  </ItemTemplate>

例 ： ここに画像の説明を入力

4

2 に答える 2

6

img タグがfloat割り当てられていない場合は、に追加text-align : centerするだけdivで問題が解決します。

<div style="text-align:center">
    <asp:Image runat="server" ID="Image1" Width="140px" ImageUrl="" />
  </div>

編集 ：

このデモをチェックしてください：デモ

于 2012-11-24T16:55:23.640 に答える
1

DIV 内で画像を中央に配置するには:

  1. DIV から align="center" を削除します
  2. css スタイル「text-align:center;」を追加します。DIVに。
  3. 「position:absolute; bottom:0;」を削除します。DIVから。

それはそれを行う必要があります。

于 2012-11-24T16:55:05.827 に答える