思源黑体在浏览器中无法垂直居中，字都偏上，怎么回事

官网已经有水平垂直居中的demo，直接用就好了[链接]

Scroll组件内容高度小于屏幕高度时，内部组件时垂直居中的？

没有图片尺寸也可以css垂直居中 {代码...}

建议你看看 移动端页面文字垂直居中兼容性问题

一个position:absolute的DIV里面的img怎么垂直居中img宽度高度是自适应的

突然间想明白了解决方法，display:flex；垂直居中的是里面元素的居中，那就给外层div一个固定高度这里是两行文字的行高，里面文字不要给高度，当有一行的时候里面的div高度就是一行的高度就会垂直居中，有两行文字的时候就会显示两行的文字，并且不影响超出显示点点点的效果；

亲自测试了，相对于外面的DIV框的确垂直居中了，望采纳。

你写错了把。。 {代码...} 默认主轴是横向的。

1.我已经了解正常流中的块级元素框的水平总和就等于父元素的width，水平方向的 auto，其计算值取决于可用空间（剩余空间）。2.问题是垂直方向：这两个demo，高度都已定，可分配的剩余空间为什么不一样？demo1：（成功水平，垂直居中）

推荐下面这个，详细讲解了css的居中，包括行内元素、块级元素的水平和垂直居中。[链接]

这种情况建议你设置width:auto;试试,毕竟align-items:center;是为了配合display:flex来让子元素(垂直和水平)居中显示的,如果要求子元素居中了,拿就要设置子元素的宽高

垂直居中没问题的，看看你.login的高度，你.login的高度估计是被子元素撑起的，高度不够，所以高度为子元素高度，没办法居中的，你要设置.login的高度才行

不知道父容器与子容器的大小，怎么做到水平和垂直都居中

我尝试了许多不同的方法来使表格居中。整个 div 以 col-md-offset 类为中心，但我不明白如何使内容（表单输入）以 div 本身为中心。对于文本我知道你可以使用文本对齐，对于内容我通常使用 margin: 0, auto;，但这不适用于表单。