html - 网页上的白色边框

Question

即使使用默认配置，我的网站也会为我的所有组件显示不需要的白色边框：

主.kt

fun main() {
    renderComposable("root") {
        Div({ style { height(300.px); backgroundColor(blue) } }) { }
    }
}

索引.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>My Website</title>
    </head>
    <body>
        <div id="root"></div>
        <script src="MyApp.js"></script>
    </body>
</html>

渲染

你能注意到蓝色背景周围的白色边框吗？

为什么会这样？如何去除这个白色边框？

score 0 · Accepted Answer

这是因为body 标签的默认边距是 8px。

这意味着默认的 body 组件以 8px 的边距呈现，这就是您所看到的“白色边框”。

要删除它，您只需调整body标签样式。这可以在您的index.html文件中完成，您可以在其中声明您的正文：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>My Website</title>
    </head>

    <body style="margin: 0">

        <div id="root"></div>
        <script src="MyApp.js"></script>
    </body>
</html>

html - 网页上的白色边框

1 回答 1

Related

Reference