Html 重新调整浏览器大小时在数据列表内垂直包装项目
我有一个三列的数据列表,我正在尝试包装从水平到垂直显示的三个项目。我认为阻止这种情况发生的问题是三列数据列表,它应该改为一列数据列表 目前,我正试图真实地包装《拳击手》这部片子,但没有成功 有什么办法可以做到这一点吗Html 重新调整浏览器大小时在数据列表内垂直包装项目,html,css,asp.net,Html,Css,Asp.net,我有一个三列的数据列表,我正在尝试包装从水平到垂直显示的三个项目。我认为阻止这种情况发生的问题是三列数据列表,它应该改为一列数据列表 目前,我正试图真实地包装《拳击手》这部片子,但没有成功 有什么办法可以做到这一点吗 <div class="dottedx"> <div class="wrapping"> <asp:DataList ID="DataList2" runat="server" DataKeyField="ProductID"
<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吗
也许您可以发布一个可视化示例?我已经通过使布局流动并删除repeatcolumns=3找到了它。按浮动:左侧项目按横向排序