我可以找到的所有文檔都表明,幾乎標準模式與標準模式的區別僅在於表格單元格中的圖像對齊方式。幾乎標準模式如何從標準模式改變渲染?
這個問題:Internet Explorer 8 and Checkbox CSS Problem,但是表示IE8和Opera中的渲染在兩種模式之間改變,這取決於複選框的解釋方式。當然,該頁面上既沒有表格也沒有圖像。
那麼,有沒有人知道這兩種模式之間的其他差異?
我可以找到的所有文檔都表明,幾乎標準模式與標準模式的區別僅在於表格單元格中的圖像對齊方式。幾乎標準模式如何從標準模式改變渲染?
這個問題:Internet Explorer 8 and Checkbox CSS Problem,但是表示IE8和Opera中的渲染在兩種模式之間改變,這取決於複選框的解釋方式。當然,該頁面上既沒有表格也沒有圖像。
那麼,有沒有人知道這兩種模式之間的其他差異?
是的,它刪除了baseline under inline images,它們只是其容器的子件。
original almost standards mode隻影響表格中的圖像。其他採用該模式的瀏覽器當然可能會在其他方面存在差異。
表單字段,特別是複選框,很棘手。這些標準並沒有真正涵蓋它們應該如何呈現,因此瀏覽器依然需要做出合理的解決方案。複選框與圖像一樣是內聯元素,因此某些瀏覽器可能很好地處理它們,類似於圖像。
此Microsoft文章解釋了差異,包括圖像和基線的常見的情況,以及複選框,促使這個問題的行爲:
http://msdn.microsoft.com/en-us/library/ff405794%28v=vs.85%29
它說,對於準標準模式:
內聯元素有助於線高度,當且僅當 之一以下爲真。
如果元素:
包含文本字符
具有非零邊框寬度
具有非零保證金
具有非零填充
有一個背景圖像
先後垂直對齊設置爲一個換行符不考慮這個 定義的文本字符,除非它是唯一的含量比基線
注意以外的值一個線框。在這種情況下,無論指定的 行高度如何,行箱高度仍然是行上最上面的行內箱頂部和最下面的行內箱底部。
如果img元素是表格單元格的唯一內容,則將單元格線框高度的線框 調整爲零。
而且看起來有些其他內聯元素具有相同的效果。當然'iframe'和'canvas'的處理方式與'img'相同。 – Alohci