2012-09-07 113 views
2

我在ASP.net應用程序中使用DataList控件。我已經設置了基於項目數量顯示數據列表項目

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

DataList的屬性。當項目數超過3時,顯示正確。但是,如果它小於3,它會扭曲並佔據整個空間。 例如如果只有一個項目,它會佔用完整的寬度並扭曲UI。 如果$$$是一個項目,3這表明像,
$$$ | $$$ | $$$
一個項目它表明類似
$$$$$$$$$$$

和UI完全乾擾。

有什麼方法可以以正確的方式格式化顯示嗎?

回答

2

由於lcarus mentionned,嘗試設置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%。