gpt4 book ai didi

html - 如何水平居中对齐 body 包装?

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

我想知道是否有更好的方法来使 1600 像素宽的包装器主体水平居中对齐到所有屏幕尺寸。

我正在使用这些:

if($(window).width() > 1400) {
$('body').scrollLeft(80);
}
if($(window).width() > 1281 && $(window).width() <= 1400){
$('body').scrollLeft(140);
}
if ($(window).width() < 1280){
$('body').scrollLeft(195);
}
if ($(window).width() < 1024){
$('body').scrollLeft(300);
}

最佳答案

我不确定您为什么需要 Javascript。您可以只使用居中内容 div;查看附件中的代码片段(设置为 200px 宽,但结果是一样的)。

.content {
width: 200px;
margin-left: auto;
margin-right: auto;
}
<!DOCTYPE html>
<html>
<head><title>Body Centering</title></head>
<body>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam posuere nibh a elit egestas fermentum. Nunc eu velit venenatis, blandit nulla a, gravida justo. Sed accumsan arcu in mi dapibus pretium. In hac habitasse platea dictumst. Nulla fermentum, augue eget aliquam pharetra, turpis diam ornare neque, a interdum ipsum ligula aliquam nunc. Maecenas eu eleifend libero.</p>
</div>
</body>
</html>

关于html - 如何水平居中对齐 body 包装?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28037511/

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