html - css3 では、calc() を使用して、vh と vw で垂直方向に中央揃えします

Question

vhの高さにdiv使用しvm、フォントサイズに使用する、広く使用されているケースでなければなりません。

css3

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.innerdiv.outer

score 0 · Accepted Answer

これがあなたの正確な質問に対する答えではないことは知っていますが、可能な代替手段として言及したいと思いました.

私は現在、自分で垂直方向の配置の問題に取り組んでおり、最近まで厄介な JavaScript 計算に頼って仕事を終わらせていました。要素または親要素が非表示の場合、これは失敗します。

CSS3 の使用に問題がなければ、box-align を検討することをお勧めしますか? それは私のためにトリックを行うようです。