根据项目数显示数据列表项目答案

【问题标题】：Datalist items display when based on number of items根据项目数显示数据列表项目
【发布时间】：2012-11-01 09:43:47
【问题描述】：

我在 ASP.net 应用程序中使用 DataList 控件。我已经设置了

DataList1.RepeatColumns = 3;
DataList1.RepeatDirection = RepeatDirection.Horizontal;

DataList 的属性。当项目数超过 3 时，它会正确显示。但是，如果它小于 3，它会扭曲并占据整个空间。例如如果只有 1 个项目，它会占用完整的宽度并扭曲 UI。如果 $$$ 是一项，则显示为 3，
$$$|$$$|$$$
对于一个项目，它显示为
$$$$$$$$$$$$

而且 UI 完全混乱。

有什么方法可以正确格式化显示吗？

【问题讨论】：

标签： asp.net datalist

【解决方案1】：

正如 lcarus 提到的，尝试设置 ItemStyle-Width 属性。这是一个对我有用的 sn-p：

<asp:DataList ID="myDataList" runat="server" RepeatColumns="3"  HorizontalAlign="Center" RepeatLayout="Table" RepeatDirection="Horizontal">
    <ItemStyle  Width="33%" /> 
    <ItemTemplate>
        <your code here>
    </ItemTemplate>
</asp:DataList>

当需要 3 列时，将列宽设置为 33%。

【讨论】：

【解决方案2】：

尝试将ItemStyle-Width 属性设置为所需的宽度。我希望它将每个项目的宽度设置为您设置的确切大小：这是 MSDN 文档的链接：http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.datalist.itemstyle.aspx

【讨论】：