Question

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

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

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

和UI完全干扰。

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

Answer 1

正如icarus所提到的，请尝试设置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

基于项目数量显示Datalist项目

2 个答案: