gpt4 book ai didi

css - 固定宽度页面

转载 作者:行者123 更新时间:2023-11-28 10:23:03 25 4
gpt4 key购买 nike

网址:http://vixenology.com/

在标准缩放级别下,整个博客左对齐,右边是巨大的无人区。如何缩小页面大小,使博客在所有缩放级别都居中?

我尝试了一些简单的 css,但似乎无法理解。

谢谢!

最佳答案

嗯。如何将您的主要内容放在一个 div 中并将其居中:

margin: 0 auto;
width: /* the width of your content */

不过,您必须重新安排您的 html 标记;我试过这样做,但它切断了你的背景。您必须将背景图像从要居中的 div 中取出,然后将其放在该 div 周围。如果这是有道理的..像这样:

<body>
<div id="bg"><!-- give this id the background-image in css -->
<div id="maincontent">
<!-- this div contains all your content, everything that needs centering -->
</div>
</div
</body>

然后在你的CSS中:

#bg { background-image: /* blabla */ }
#maincontent { margin: 0 auto; width: /* width, as stated above */ }

类似的东西。

关于css - 固定宽度页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6240151/

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