3回答

• 

  qq_赢在行动_0

  2016-08-30 22:55:47

  这段代码是让div 内容响应式水平居中

  <div class="col-lg-4 col-lg-offset-4  col-sm-6 col-sm-offset-3 col-xs-8 col-xs-offset-2" id="center">
      内容
  </div>

  这段css是让div内容垂直居中

  #center{
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform:  translateY(-50%);
      -ms-transform:  translateY(-50%);
      -o-transform:  translateY(-50%);
      transform:  translateY(-50%);
  }

  其实垂直居中方法实现有很多，这是我目前水平认知比较好的解决方案

  幸苦手码代码，望采纳！

  1 2

  魔灵之翼

  非常感谢！亲测可用！

  2019-02-12 23:53:59

  共 1 条回复 >

• 

  em_heqian

  2016-02-03 19:17:39

  哦   谢谢你的回答    我想要一个div在另一个div中 既水平居中又可以垂直居中

  0 0
• 

  柚子net

  2016-01-29 17:58:07

  <div class="container">
  内容
  </div>

  水平居中你可以在body里面  建议在.container里面，这样的话就内容正题居中，然后用col类调整水平位置

  <div class="container">
      <div class="col-md-6 col-md-offset-3">
      内容
      </div>
  </div>

  不明白你所谓的垂直居中，本来bootstrap就是适应不同宽度的流浏览器 高度是不设置的 所以也不存在神么垂直居中吧

  
  

  个人愚见，初学者，大牛勿喷

  0 0