gpt4 book ai didi

html - 减小 HTML 的大小?

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

我正在创建 HTML 片段,稍后我将其转换为 PNG(我正在使用 IMGKit 来执行此操作)。

我当前的 HTML 标记如下所示:

<html>
<head><title>Test</title></head>
<body>
<div class='snippet'>
...
</div>
</body>
</html>

现在,即使我设置了以下 CSS:

.snippet {
width:160px;
height:600px;
}

在检查 DOM 时,我注意到 HTML 元素比它包含的 DIV 宽得多。我希望 HTML 和 Body 标记的大小与该 div 的大小完全相同,这样当我呈现为 PNG 时,最终的宽度和高度为 160x600。

在 CSS 中正确的做法是什么?我是否需要向 HTML 和 Body 元素添加宽度和高度属性?

最佳答案

您无法更改 <html> 的大小标签。这是不可能的。 html 标签维度被定义为浏览器视口(viewport)。但是,您可以通过应用 css 样式来更改其他所有内容:display: inline-block;像这样:

body, div {
display: inline-block;
}

关于html - 减小 HTML 的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22332008/

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