如何在asp.net中的數據列表控件中更改列寬

Question

我有一個datalist控件，其中數據顯示在3 <td> ，如html所示。

 <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"但這style="width:120px" 。

Answer 1

您可能需要在類或樣式中設置填充以在列的末尾放置空間

padding:5px;

padding CSS屬性可在元素的所有面上設置所需的填充空間。 填充區域是元素內容與其邊界之間的空間。 不允許使用負值。

padding屬性是避免分別設置每側（padding-top，padding-right，padding-bottom，padding-left）， reference的簡寫形式。

Answer 2

采用

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

並嘗試以percentage而不是Pixels給出寬度...