html - 必要
の高さを埋める
親

Question

私の全体的な目標は、テキストを垂直方向に中央揃えにすることです。現在、pを含むdivがあります。divは次のとおりです。

.container{
 margin-left: auto;
 margin-right: auto;
 height: auto;
 min-height: 100px;
 border: 1px solid red;
 width: 60%;
 overflow: hidden;
 }

と p:

.welcome_title{
 float: left;
 width: 30%;
 height: 100%;
 min-height: 100%;
 font-size: 200%;
 vertical-align: middle;
 text-align: center;
 }

これが行うことは、p の高さをその親ではなく画面の 100% にすることです。ヘルプはありますか？

score 1 · Accepted Answer

display: table-cellを使用しない限り、vertical-alignプロパティは機能しません。

なぜあなたのwelcome_titleが左にフロートされているのか、フロートが必要なのかはわかりませんが、ここに3つの例があります. きっとあなたのニーズに合った1台が見つかります。

html - 必要の高さを埋める親