ホームページ  >  記事  >  ウェブフロントエンド  >  cssvertical-align:middle; 垂直方向に中央揃えにするための推奨方法 (IE7 以降) (個人的なお気に入り)_html/css_WEB-ITnose

cssvertical-align:middle; 垂直方向に中央揃えにするための推奨方法 (IE7 以降) (個人的なお気に入り)_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:34:041153ブラウズ

記録:

インラインブロックメソッドを使用:

HTML:

満足です
;}

#content { display: inline-block; *display: inline; *zoom:1; }

#content { font-size: 12px; #fff;}

._actor { 幅:0; 高さ: 100%; *表示: インライン; }

太字

部分が鍵です。

原則は、表示されるすべてのライン ボックスの高さは、最も高いインライン ボックスによって決まります。

i._actor をアクターとして指定すると、指定された高さは親要素と一致します。 互換性: インラインブロックをサポートするすべてのブラウザが利用可能です。

IE6/7 の場合、最初にハックを使用してインラインブロックをサポートし、次にこの方法を使用して垂直方向の中央揃えを実現できます。 出典: Zhang Xinxu のブログ

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