[英]Items in datalist as side-by-side
我正在嘗試並排設置數據列表中的項目。 此刻的項目確實並排出現,但第二個項目比第一個項目低約30個像素,第三個項目比第二個項目低約30個像素。 有什么想法可以迫使它們以一種很好的方式水平對齊嗎?
我的風格:
.wrapping {
float: left;
border-width: 2px;
border-style: dashed;
}
#boxer {
/* basic */
background-color: #fff;
margin: 10px;
padding: 60px;
text-align: center; /* border-radius */
}
我的列表:
<asp:DataList ID="myDataList" runat="server" BorderColor="Black" CellPadding="5" CellSpacing="5" RepeatLayout="Flow">
<ItemTemplate>
<div class="wrapping">
<div id="boxer" >
<asp:Image ID="Image1" runat="server" ImageUrl='<%# "~/images/topimages/" & Eval("ImageName") %>' cssclass="topimage" />
<br /><br />
ProductID:<asp:Label ID="ProductIDLabel" runat="server" Text='<%# Eval("ProductID") %>' />
<br />Name:<asp:Label ID="NameLabel" runat="server" Text='<%# Eval("ProductName")%>' />
<br />
</div>
</div>
</ItemTemplate>
</asp:DataList>
在DataList中添加RepeatDirection="Horizontal"
后,它按預期工作。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.