在必须广泛使用的案例中，使用vh作为div的高度，并使用vm作为字体大小。
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>
有没有办法使用calc()和其他css3属性垂直居中div.inner内的div.outer？
答案 0 :(得分：2)
如果您只使用一行，则可以使用line-height: 20vh;。
答案 1 :(得分：0)
最好的办法是使用顶部填充。
可悲的是calc() didn't work with vh，vm在Chrome上（已修复2014-04-30）
答案 2 :(得分：0)
我知道这不是你的确切问题的答案，尽管我认为我会提到它作为一种可能的选择。
我目前正在处理垂直对齐问题，直到最近才依赖讨厌的javascript计算来完成工作！如果隐藏元素或父元素，则会失败。
如果你使用CSS3很好，我建议你看看盒子对齐吗？ 它似乎为我做了伎俩。