Question

我在HTML表格单元格中包含ASP网络图像，但由于某种原因，单元格底部似乎有额外的填充。

我尝试了许多事情，没有运气：

删除CSS填充。
取下右手＆＃34;登录＆＃34;细胞检查它不会影响其他细胞。

调整源图像的大小。填充保持3px高。

        <td style="width:200px; vertical-align:top;">
        <table class="customTable" style="width:100%; table-layout: fixed">
            <tr style=" padding:0px;">
                <td style="width:48px; padding:0px;">
                    <asp:Image ID="imgUser" runat="server" ImageUrl="~/Media/user_anon.png" CssClass="userImage" />
                </td>
                <td class="customCell">
                    <asp:Label ID="lblUser" runat="server" Text="Label">Logged in</asp:Label>
                    <asp:Image ID="image1" runat="server" ImageUrl="~/Media/dropdown.png" />
                </td>
            </tr>
        </table>
    </td>

CSS：

.customTable {
font-size:smaller;
text-align:center;
border-collapse: collapse; 
}

.userImage {
    margin:0px;
}

Answer 1

嗯，我认为找到了你的问题并做了两个小提琴测试，看看第一个例子：

<强> JSFiddle

这与你的问题完全一样，对吧？

现在看一下这个：

<强> JSFiddle

您需要为display: block

设置img

#imgUser {
    width: 100%;
    display: block;
    margin: 0;
}

受包含的ASP NET图像影响的单元格填充

1 个答案: