表格中圖像行之間的差距？

-1

'佈局引擎處於標準模式時，爲什麼表格中圖像行之間存在間隙？'在Mozilla Web Developer FAQ（和here的更詳細的解釋）表格中圖像行之間的差距？

我也看到了這個問題在邁耶的'CSS：權威指南'中提到。

但我已經在firefox 10.0.2，ie8和chrome 17.0.963.56上測試過了，所有結果都沒有任何差距。

這是我使用的標籤。

<table> 
    <tr> 
    <td style="padding:0; background-color:red;"> 
     <img src="https://developer.mozilla.org/@api/deki/files/718/=Images-tables-gaps-figure1.gif" /> 
    </td> 
    </tr> 
</table>

來源

2012-03-02 alice

我沒跟着。你的問題是什麼？看起來你沒有遇到任何問題。你能澄清一下嗎？謝謝！ – SenorAmor 2012-03-02 14:55:07

您是否注意到您點擊此按鈕的按鈕被標記爲「Ask Question」:) – arunes 2012-03-02 15:01:20

根據Mozilla常見問題和mayer的書，標準模式應該存在差距。但即使在Firefox中我也無法重現它，所以哪些現代瀏覽器有這種行爲？ – alice 2012-03-02 15:03:39

您是否完全確定自己處於測試頁面的標準模式？如果您的頁面不完全兼容，瀏覽器可能會更改爲怪癖模式，而不會詢問 - 在這種情況下，圖像沒有間隙。（Check here舉例說明如何查找您的瀏覽器是否使用標準或怪癖模式）

以下頁面至少在Chrome和IE中表現出差距。刪除文檔類型聲明，您將看到沒有差距。保持它，你會看到差距。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> 
<html> 
<head></head> 
<body> 
<table border="1"> 
<tr><td> 
<img src="" width="20" height="20" /> 
</td></tr> 
</table> 
</body> 
</html>

來源

2012-03-02 16:51:09

你是對的！我已經使用http://htmledit.squarefree.com對它進行了測試，並且我認爲默認情況下啓用了標準模式，這不是事實。 – alice 2012-03-02 17:55:39

表格中圖像行之間的差距？

回答

相關問題