尝试在 Bootstrap 3 中水平和垂直居中 div [重复]

Posted 2023-03-05

【中文标题】尝试在 Bootstrap 3 中水平和垂直居中 div [重复]

【英文标题】：Trying to center div horizontally AND vertically in Bootstrap 3 [duplicate]

【发布时间】：2014-04-21 16:50:54

【问题描述】：

基本上我正在尝试创建一个类似的效果，如该网址所示： http://www.mediafire.com/download/asgdi8i12sgi74x/geniets+byrde.txt

也就是说；我想创建一个 div（框）并始终将其水平和垂直居中。我正在使用 Bootstrap 3。这似乎是一项简单的任务，但我没有设法做到。

希望你能帮帮我！

【参考方案1】：

这对 CSS 来说是通用的，而不是 bootstrap3。我们通常这样做：

  div 
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0;
       margin: auto;
  

【讨论】：

不工作codepen.io/anon/pen/WExzBL