[html][css]vertical-align:middle;が効かないときの解決策まとめ

まず、vertical-align:middle;は子要素に継承されません。 middleにしたい要素にはひとつずつ書く必要があります！！ そして、vertical-align:middle;はインライン要素にしか効きません。 インライン要素とは、つまり以下のタグ。 <a>、<b>、<font>、 <span>、<img>、<input>、<label>、<select>、<textarea> <basefont>、<br>、<em>、 <i>、<s>、<small>、<strong>、<sub>、 <sup>、<u> <abbr>、<acronym>、<bdo>、<big>、 <cite>、<code>、<dfn>、<kbd>、<q>、 <samp>、<strike>、<tt>、<var> 要するに、<div><p>には効かないということです。 衝撃の事実。 ■ブロックレベル要素の場合は

[nknkt]

“vertical-align:middle;は子要素に継承されません”

[TakamiArakawa]

なぜ"table-cell"にしないと駄目なのかの説明がないので不十分

[mtart]

ブロックレベルのvertical-align:middle;

[Yukarigohan]

vertical-align

[wogawara]

][縦][中央][css]

[Arahabica]

“display:table-cell”