Html 在css3中，使用calc（）与vh和vw垂直居中

在必须广泛使用的情况下，使用

vh

表示

div

的高度，使用

vm

表示字体大小

css3 html-案例1

把我放在中间！

html-案例2

把我放在最上面！
把我放在中间！

---

是否有任何方法可以使用

calc（）

和其他

css3

属性将

div.inner

垂直居中于

div.outer

内？

如果只使用一行，则可以使用

行高：20vh

最好的办法是使用顶部填充物，这不是未来的证明

不幸的是，Chrome上的
calc（）
vh
，
vm
（已于2014年4月30日修复）
我知道这并不是对你的确切问题的回答，尽管我想我会把它作为一个可能的替代品提出来

我目前自己正在处理一个垂直对齐问题，直到最近，我一直依靠糟糕的javascript计算来完成这项工作！如果元素或父元素被隐藏，则会发生这种情况

如果您可以使用CSS3，我可以建议您查看box align吗？
这似乎对我有好处

好主意！不幸的是，我在现实世界中的使用更加复杂。让我想一想……我发现
padding top
和
line height
的组合成功地解决了我使用它时的问题。谢谢可能重复的
div.outer { height: 20vh; }
div.inner { font-size: 3vw; height: auto; }
div.inner2 { font-size: 2vw; }

<div.outer>
  <div.inner>center me!</div>
</div>

<div.outer>
  <div.inner>center me top!</div>
  <div.inner2>center me bottom!</div>
</div>