html - 让文本在所有屏幕尺寸下都停留在页面的中间/中心？

Question

我试图让我的页眉停留在页面的中间，不管我在什么窗口大小。

我试过使用 Bootstrap。

<div class="row">
    <div class="col-lg-4 col-lg-offset-4">
        <h1 class=" section-title ">StackOverflow</h1>
    </div>
</div>

还有这个 CSS。

.section-title {
    margin-left:auto;
    margin-right;auto;
}

然后，一旦我缩小窗口，我的标题就会继续回到左边。我该如何阻止呢？最好的方法是什么？

My Fiddle is here - 如果你需要的话。

Answer 1

您应该将 ; 替换为 :。也到死点:

html, body {height: 100%; width: 100%;}
h1 {text-align: center; display: inline-block; vertical-align: middle;}
.center {position: absolute; top: 0; left: 0; right: 0; left: 0; text-align: center; border: 1px solid #ccc; height: 100%; width: 100%; vertical-align: middle;}

<div class="center">
  <h1>Centered</h1>
</div>