如何更改asp.net中datalist控件的列寬

我有一個datalist控件，其中數據顯示在<td>中，如html所示。如何更改asp.net中datalist控件的列寬

<asp:DataList ID="DataList1" runat="server" 
    onitemdatabound="DataList1_ItemDataBound" Width="400px"> 
<ItemTemplate> 
<table style="width: 130px"><tr><td style="width:65px;"> 
    <asp:Image ID="Image1" runat="server" Width="59px" Height="60px" 
     ImageUrl='<%# "~/User/UserPic/" + Eval("reg_pic") %>' /></td> 
    <td style="width:162px;" class="wdth150"> 
     <asp:Label 
     ID="lbl_nam" runat="server" Text='<%# Eval("reg_nam") %>' ForeColor="White"></asp:Label><br /> 
     <asp:Label ID="lbl_ad" runat="server" Text='<%# Eval("reg_age") %>' 
      ForeColor="White"></asp:Label> 
     </td><td style="width:109px" class="wdth120"></td><td> 
      <asp:LinkButton ID="LinkButton2" runat="server">Proceed</asp:LinkButton></td></tr> 
     </table> 
</ItemTemplate> 
</asp:DataList>

我的問題是，這些記錄是非常密切的，我想告訴他們之間有一些差距，我試圖用style="width:120px"，但沒有奏效出現。

來源

2013-10-05 Vikas Rana

你可能需要設置padding在課堂上或風格把空間在

列

padding:5px;

的填充CSS屬性設置在各方面元素的需要的填充空間的末端。填充區域是元素和其邊框的內容之間的空格。負值是不允許的。

填充屬性是避免單獨設置每個邊的簡寫（填充頂部，填充右側，填充底部，填充左側），reference。

來源

2013-10-05 07:12:16 Adil

謝謝回答，我應該怎麼做，如果我想在頭兩個〜40點在10px的差距最後 –

您可以創建兩個類並將它們分配給ItemDataBound事件，http://msdn.microsoft.com/zh-cn/library/system.web.ui.webcontrols.datalist.itemdatabound.aspx – Adil

感謝adil我得到了 –

使用

<table cellpadding="0" cellspacing="0" width="100%">

，並試圖給寬度percentage，而不是Pixels ...

來源

2013-10-05 07:15:31

感謝rony工作。 –

如何更改asp.net中datalist控件的列寬

回答

相關問題