Bootstrap 生成一个中心div以包含站点

zzzyeukh  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(1)|浏览(104)

我即将完成我的网站http://csgoshack.com/shop/
我需要做一件事,这是把一个白色的框在屏幕的中心,所以我能够看到网站。
我试图通过在背景图像上拍摄一个白色的盒子来做到这一点,但没有成功。
我该怎么做呢?

.whitebg {
width: 1250px;
padding: 10px;
border: 1px solid black;
margin: 0;
background-color:#ffffff;
margin:auto;
position: absolute-center;
top:0;
}
iswrvxsc

iswrvxsc1#

首先,您需要使用CSS设计您的框,并使用HTML调用它。
于飞:

<div class="body-content">Insert Lists, Text, and other body content here</div>

CSS:

.body-content {
    width:80%;
    height:80%;
    top:10%;
    position:absolute;
    background-color: white;
    margin-left:auto;
    margin-right:auto;
}

根据您的要求调整宽度、高度、位置和颜色。我不会更改左边距和右边距,因为会使div在主体内部居中(除非您不希望它完全居中)。
希望这对你有帮助!

相关问题