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"但这不起作用。

Answer 1

您可能需要在类或样式中设置padding以在列的末尾添加空格

padding:5px;

padding CSS属性在所有方面设置所需的填充空间   一个元素。填充区域是内容之间的空间   元素及其边界。不允许使用负值。

填充属性是避免设置每一侧的简写   单独（padding-top，padding-right，padding-bottom，padding-left），reference。

Answer 2

使用

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

并尝试在percentage而不是Pixels ...

中给出宽度

如何在asp.net中更改datalist控件内的列宽

2 个答案: