div停留在页面的中心[重复]

Question

起初的

我是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>

Answer 1

使用类似于此的CSS：

.container{
  position: relative;
}

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

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