ホームページ  >  記事  >  ウェブフロントエンド  >  div+css は、Firefox および IE6_html/css_WEB-ITnose と互換性のある垂直方向のセンタリングを実装します。

div+css は、Firefox および IE6_html/css_WEB-ITnose と互換性のある垂直方向のセンタリングを実装します。

WBOY
WBOYオリジナル
2016-06-24 12:30:24980ブラウズ

Firefox では、display: table-cell;vertical-align: middle; を使用して div の垂直方向の中央揃えを実現できますが、IE6 では、垂直方向の中央揃えを実現するには、IE6 の CSS の特性を使用する必要があります。 Firefox および IE6 と互換性のある垂直方向の中央揃えを実現するには、! important タグも使用する必要があります。 Firefox は ! important タグをサポートしますが、IE6 は ! important タグを無視するため、 ! important タグを使用して Firefox と IE6 を区別できます。
[サンプルコード]

、Firefoxのみ;/p> ;

">

縦方向中央、Firefox IE6 のみ


IE6 のみ


auto; text-align: center;
Firefox では、div の垂直方向の中央揃えを実現するには、display: table-cell;vertical-align: middle; を使用します。垂直方向のセンタリング。
!重要なタグ、Firefox は!重要なタグをサポートします、IE6 は!重要なタグを無視します

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:注: Tmall アクティビティ ページdevelopment_html/css_WEB-ITnose次の記事:注: Tmall アクティビティ ページdevelopment_html/css_WEB-ITnose

関連記事

続きを見る