這個問題在這里已經有了答案： html, css - 圖片下方奇怪的不可見邊距 5 個答案 17 小時前關閉。
我有一個固定高度為 146px 的表格，但是它在底部出現了一行三個像素。正如您從代碼中看到的那樣，我嘗試了一些嘗試消除任何流氓間距/填充的方法，但似乎沒有任何方法可以解決它。解決它的唯一方法是如果我將 DOCTYPE 從更改<!doctype html>為<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
誰能查明為什么表格沒有以 146 像素呈現（它應該捕捉到那里的那兩個影像的高度）？
<table style="width: 100%;padding: 0;margin: 0;border: 0;border-collapse: collapse;" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding: 0 0px 0 0;margin: 0;border: 0;" width="50%" bgcolor="#000000"></td>
<td style="padding: 0 0px 0 0;margin: 0;border: 0;" width="263"><img src="images/application_logo.jpg" width="263" height="146" border="0"></td>
<td style="padding: 0 0px 0 0;margin: 0;border: 0;" width="443" bgcolor="#000000">
<table width="443" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle">
<font class="bodyfont" style="font-weight: bold; color: #FFFFFF">APPLICATION...</font><br>
<font class="bodyfont" style="font-weight: bold; color: #BFDFFF">SAMPLE</font>
</td>
</tr>
</table>
</td>
<td style="padding: 0 0px 0 0;margin: 0;border: 0;" width="274"><img src="images/application_fern.jpg" width="274" height="146" border="0"></td>
<td style="padding: 0 0px 0 0;margin: 0;border: 0;" width="50%" background="images/application_right_bg.jpg"></td>
</tr>
</table>uj5u.com熱心網友回復：
您可以使用 CSS 檔案中的以下代碼行來解決您的問題。
img {
display: block;
}
如果您愿意，可以將其更改為參考類 ( .) 或 ID ( #)，而不是標記參考 ( img)。
這應該可以解決您的空白問題。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/465726.html