asp.net - 根据项目数显示数据列表项目

Question

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

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

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

和 UI 完全干扰。

有没有办法以正确的方式格式化显示？

Answer 1

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

<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%。

Answer 2

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