atsukanrock https://blog.hatena.ne.jp/atsukanrock/ atsukanrockのブログ https://atsukanrock.hatenablog.com/ CSS はじめに CSSでブロック要素内のテキストの縦位置を中央揃えにするのは難しい。その理由は、「vertical-alignの使い方」によくまとまっている。簡単に言うと「vertical-alignプロパティがインライン要素とテーブルセルにしか適用できない」ためである。vertical-alignプロパティは、divなどのブロック要素には適用できない。 このため、私が現在開発中のシステムではtableを利用した。おそらくWeb標準に反すると思うが、Web標準に反しない形でこれを実現するのは不可能だと判断した。本エントリでは、なぜ不可能だと判断したのかを記述する。 よく紹介されている実現方法 外枠が… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fatsukanrock.hatenablog.com%2Fentry%2F20090223%2F1235382054" title="縦位置を中央揃えにする - atsukanrockのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2009-02-23 18:40:54 rich https://atsukanrock.hatenablog.com/entry/20090223/1235382054 1.0 100%