Div留在页面中心[重复]

【问题标题】：Div to stay in the center of page [duplicate]Div留在页面中心[重复]
【发布时间】：2017-09-27 22:01:33
【问题描述】：

我是 CSS 新手，如何让 div 像这样位于页面中心？

<div class="container">
    <div class="row">
        <div class="col-md-2">

        </div>
        <div class="col-md-8 center-block">
            <img class="img-responsive" id="MainCharacter" src="../Images/test_character.png" />
        </div>
        <div class="col-md-2">

        </div>
    </div>
</div>

【问题讨论】：

标签： css twitter-bootstrap

【解决方案1】：

使用类似这样的 CSS：

.container{
  position: relative;
}

.row {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

一个可能的问题是此代码将适用于所有.container 和.rows。您可以为它们添加一个 id 并使用该 id 选择它。

【讨论】：