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

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

WBOY
リリース: 2016-06-24 12:30:24
オリジナル
1057 人が閲覧しました

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 は!重要なタグを無視します

ソース:php.cn
前の記事:注: Tmall アクティビティ ページdevelopment_html/css_WEB-ITnose 次の記事:Web デザインにおける Div+CSS レイアウトの適用_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート