ホームページ > 記事 > ウェブフロントエンド > div+css は、Firefox および IE6_html/css_WEB-ITnose と互換性のある垂直方向のセンタリングを実装します。
Firefox では、display: table-cell;vertical-align: middle; を使用して div の垂直方向の中央揃えを実現できますが、IE6 では、垂直方向の中央揃えを実現するには、IE6 の CSS の特性を使用する必要があります。 Firefox および IE6 と互換性のある垂直方向の中央揃えを実現するには、! important タグも使用する必要があります。 Firefox は ! important タグをサポートしますが、IE6 は ! important タグを無視するため、 ! important タグを使用して Firefox と IE6 を区別できます。
[サンプルコード]
縦方向中央、Firefox IE6 のみ