Question

我需要做一件事，就是在屏幕中央放一个白框，这样我就可以看到该网站了。

我尝试通过在背景图像上设置白框来实现这一点，但这不起作用。

我将如何做到这一点？

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

Answer 1

首先，你需要使用CSS设计你的盒子并使用HTML调用它。

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居于身体内部（除非你不希望它完全居中）。

希望这有帮助！

Bootstrap使中心div包含站点

1 个答案: