在doctype html中使用瘦圖像的盒子模型問題？

有沒有人有HTML模型中的薄圖像的經驗？在doctype html中使用瘦圖像的盒子模型問題？

即這段代碼是殺害我：

<!DOCTYPE html> 
<html> 
<head> 
</head> 

<body> 
<img src="myimage1.jpg" border="1" /></div> 
<img src="myimage2.jpg.jpg" border="1" /> 
</body> 
</html> 
where both images are like 6px height and 960px wide

在標準盒模型，即：

<html> 
<head> 
</head> 

<body> 
<img src="myimage1.jpg" border="1" /></div> 
<img src="myimage2.jpg.jpg" border="1" /> 
</body> 
</html>

此按預期工作

有人可以告訴我如何使1號像第二個人一樣工作

來源

2012-01-10 toy

你能改正你的代碼嗎？你正在關閉你從未打開過的div ... – 2012-01-10 20:08:05

我要去猜你是什麼反制。

<img src="myimage1.jpg" border="1" /></div>

這是怎麼回事 -

現代瀏覽器/解析器，尤其是挑剔的像Chrome瀏覽器將嘗試修復，而不是忽略/ div來使其語義代碼。如果您使用的開發工具，點擊鼠標右鍵，檢查元素，你可能會發現瀏覽器已經增加了<div></div>

這是通過HTML5 <!DOCTPE html>這將確保瀏覽器迫使它變成一個更嚴格的模式，而不是定義一個怪癖模式

而且改變在嚴格模式下圖像的CSS display:block;或vertical-align:bottom;會給你類似的怪癖版本

來源

2012-01-10 20:30:18 Tank

感謝坦克我覺得我很累... – toy 2012-01-20 21:54:18

你的第二個例子，「標準模式」，你稱呼它，是什麼一個不正確的。這是「怪癖模式」，沒有現代網頁應該是。所有新網頁都需要使用文檔類型（例如您所展示的文檔）來強制使用標準模式。這是你的第一個例子，你遇到問題的那個例子，就是向你顯示正確的盒子模型，你應該遵循這個模型。

當然，這假定你刪除提到的雜散結束div標記。

但是，你顯然沒有向我們展示所有的標記，而且還有更多的事情在這裏發生，我們無法看到它。

來源

2012-01-11 00:22:17 Rob

在doctype html中使用瘦圖像的盒子模型問題？

回答

相關問題