gpt4 book ai didi

html - doctype html 中薄图像的框模型问题?

转载 作者:太空宇宙 更新时间:2023-11-04 05:13:10 25 4
gpt4 key购买 nike

有没有人在 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 号像 2 号一样工作

最佳答案

我来猜猜你遇到了什么。

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

发生了什么-

现代浏览器/解析器,尤其是像 Chrome 这样挑剔的浏览器/解析器会尝试修复您的代码,而不是忽略/div 以使其语义化。如果您使用的是开发者工具,请右键单击以检查该元素,您可能会注意到浏览器添加了一个 <div></div>

这是由 html5 <!DOCTPE html> 定义的这将确保浏览器强制它进入更严格的模式而不是怪癖模式

还有在严格模式下更改图像的 css display:block;vertical-align:bottom;会给你一些类似于怪癖版本的东西

关于html - doctype html 中薄图像的框模型问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8809802/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com