如何在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给出宽度...