html - 在屏幕中间居中一个 block

Question

我想将一段文本置于屏幕中央。我想使用 Bootstrap 将文本居中放置在屏幕中间以节省一些时间。
我这样做了，但是 block 仍然在水平中间，而不是垂直和水平。

CSS:

.block {
    top: 50%;
    left: 50%; 
}

HTML:

<div class="row">
   <div class="col-xs-4">Text</div>
</div>

Answer 1

您为什么要尝试使用 Bootstrap 使该 div 居中？如果不需要使用 bootstrap 并且您只需要一个位于屏幕中间的 div，您可以这样做:

<div class="container">
   text
</div>

.container{
bottom: 0;
height: 100px;
margin: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 200px;
}

ps:是的，你应该有那个div的高度和宽度的大小

希望对大家有帮助!