gpt4 book ai didi

html - 以更大的屏幕分辨率使 body 居中

转载 作者:太空宇宙 更新时间:2023-11-03 18:09:44 25 4
gpt4 key购买 nike

我在这里附上了网站图像绘图的保管箱链接..当前站点它从左边开始而不是居中到屏幕..

https://www.dropbox.com/s/7x1uah0j13nljgq/cxc.jpg

这是我的代码:CSS:

body {
margin: 0 auto;
font-family: "Source Sans Pro",sans-serif;
background-color: #f3f3f3;
max-width: 1440px;
overflow-x: hidden;
}

.wrapper {
width: 1000px;
overflow: hidden;
height: 100%;
margin: 0 auto;
}

最佳答案

不要为正文设置宽度。相反,添加另一个包装 div 并将该 div 的宽度设置为 100%,最大宽度值为 1440px,如下所示。如果你最终做了其他可能导致页面在某些分辨率下超出正文边界的事情,你可以向正文添加一个溢出选项,但这里没有必要,因为粉红色容器永远不会比其父容器的尺寸更宽() 无论如何。

<html>
<head><title>Test</title>
<style>

body {
padding:0px;
margin: 0px;
overflow: hidden;
}

div.outerWrapper {
width: 100%;
margin: 0 auto;
max-width: 1440px;
font-family: "Source Sans Pro",sans-serif;
background-color: #f3f3f3;
overflow: hidden;
}

div.innerWrapper {
width: 1000px;
height: 100%;
margin: 0 auto;
}
</style>
</head>

<body>
<div class="outerWrapper" style="height: 400px;">
<div class="innerWrapper" style="height: 900%; background-color: red;"></div>
</div>

</body>
</html>

关于html - 以更大的屏幕分辨率使 body 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23945334/

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