bootstrap里貌似没有可以垂直居中的样式，除了导航条里有个垂直居中 可以用绝对定位做 让margin-left值等于大框的宽度减图片的宽，高度同理

貌似很多人问这个问题耶...sf有很多文章介绍各种垂直居中的 我这里有个垂直居中兼容性良好的demo，你可以参考下

你之所以不能垂直居中是因为你的#app的高度是给子元素撑开的，所以当然得不到你想要的垂直居中 给他个height:100vh百度一下还有别的

关于垂直居中,在一行中有img/span/inline-block,我们可以通过设置元素的vertical-align:middle;让元素垂直对齐,但是我发现浮动会破坏这种属性。如果我们将其中一个元素设置成浮动属性（float:left/right;）,就不会垂直居中对齐了！有木有什么方法可以解决这个问题,还是说需要使用其他的方法垂直居中对齐。

可以看下我总结的这些方法。传送门题主需要的就是多行文字垂直居中的方法吧。我总结的文章里面有典型的方法可以实现，例子如下。[链接]不知道是题主踩的我的答案吗？如果是，我希望能回答我为什么。如果不是，上面的例子应该能解决你的需求。

是什么居中，在浏览器居中就用 position:relative;left:50%;top:50%;水平居中：margin:0 auto; 垂直居中：vertical-align:middle 也可以根据具体尺寸计算高度

Y轴的标签在柱状图上没有垂直居中显示。设置了 {代码...}

现象：标准字体通过line-height可以居中，通过“设置” --> “显示” --> “字体尺寸”设置字号大小，H5中的文本无法通过line-height垂直居中。

这个其实就是一个水平垂直居中的问题，用css有好多种实现方案的，position的定位，css3的flex。可以参考一下我之前写的这篇水平垂直居中笔记

{代码...}

text-align: center是设置水平居中设置垂直居中一般用line-height你这里可以加上一行line-height: 50px;

如以下代码所示，TabContent内组件只能垂直居中，期望能垂直置顶。 {代码...}

利用 table-cell 实现 子元素 水平垂直居中时，是不是 父元素 必须指定明确的像素值，而不能使用百分比？那是不是无法用 table-cell 来实现不定宽高元素的水平垂直居中了呢？

{代码...}

如图的效果：边框包裹文字，文字垂直左右居中。试过一些方式，但是移动端（安卓和苹果）查看的时候垂直方向总是有肉眼可见的不垂直居中（安卓和苹果显示效果不一致），有么有好用的方式进行设置。

盒子的垂直居中有很多种，比如定位，transform，margin:0 auto;啥的都可以，文字的垂直居中 text-align: center;vertical-align: middle;line-height....;flex布局的兼容性暂时还不是很好，用的时候慎重