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

Original

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

Desired

<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 选择它。

    【讨论】:

      猜你喜欢
      • 2015-01-31
      • 2023-01-27
      • 2012-03-30
      • 2014-09-30
      • 1970-01-01
      • 2015-03-01
      • 2013-07-29
      • 2012-02-15
      • 1970-01-01
      相关资源
      最近更新 更多