gpt4 book ai didi

HTML 不要让垂直滚动条创建水平滚动条

转载 作者:行者123 更新时间:2023-12-02 19:55:56 24 4
gpt4 key购买 nike

<分区>

在我的 HTML 页面中,我有很多 width: 100vw 的东西占据了整个页面。有一个垂直滚动条,它会导致水平滚动条(因为垂直滚动条占用大约 20 个像素)。

这导致的更大问题是我的东西似乎偏离了中心。虽然只是轻微的,但一旦您注意到它(大约需要 3 秒钟的凝视),它就不会消失并且非常令人沮丧。我贴了一张超小浏览器窗口的截图。我也发布了代码。

Image

<!DOCTYPE html>
<html>

<head>
<style>
body {
margin: 0;
}

div {
width: 100vw;
height: 60vh;
margin: 0 0 1vh 0;
background-color: #CCC;
text-align: center;
}
</style>
</head>

<body>
<div>A div tag</div>
<div>A div tag</div>
</body>

</html>

文本偏离中心。我该如何解决这个问题?

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