我有一个三列的 DataList,我试图将三个元素从水平方向换成垂直方向。我认为阻止这种情况发生的问题是应该更改为一列 DataList 的三列 DataList。
目前我正尝试真实地包装“拳击手”div,但没有成功。
有什么想法可以实现吗?
<div class="dottedx">
<div class="wrapping">
<asp:DataList ID="DataList2" runat="server" DataKeyField="ProductID" DataSourceID="SqlDataSource2" BorderColor="Black"
CellPadding="5" CellSpacing="5" RepeatDirection="Horizontal" RepeatColumns="3" BorderWidth="0px" >
<ItemTemplate>
<div id="boxer" class="column">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# "~/images/topimages/" & Eval("Image") %>' cssclass="topimage" />
<br /><br />
ProductID:
<asp:Label ID="ProductIDLabel" runat="server" Text='<%# Eval("ProductID") %>' />
<br />
Name:
<asp:Label ID="NameLabel" runat="server" Text='<%# Eval("Name") %>' />
<br />
</div>
</ItemTemplate>
</asp:DataList>
</div>
</div>
最佳答案
您是否尝试过使用float: left?
或许您可以发布一个可视化示例?
关于html - 调整浏览器大小时,在 DataList 中垂直包装元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29392909/