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

記録:

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

HTML:

満足です
;}

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

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

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

太字

部分が鍵です。

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

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

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

関連ラベル：

css vertical-align:middle; 垂直居中的一个推荐方式（IE7+）（个人喜欢）

ソース：php.cn

前の記事：CSS 垂直中央揃えガイド_html/css_WEB-ITnose 次の記事：CSSの詳しい説明 priority_html/css_WEB-ITnose

このウェブサイトの声明

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

著者別の最新記事

• NullPointerException とは何ですか?どのように修正すればよいですか?
  2024-10-22 09:46:29
• 初心者からプログラマーへ: 旅は C の基礎から始まります
  2024-10-13 13:53:41
• PHP による Web 開発のロックを解除する: 初心者ガイド
  2024-10-12 12:15:51
• C の謎を解く: 新人プログラマーのための明確でシンプルな道
  2024-10-11 22:47:31
• コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
  2024-10-11 19:36:51
• 内なるプログラマーを解き放つ: まったくの初心者のための C
  2024-10-11 15:50:41
• C で生活を自動化する: 初心者向けのスクリプトとツール
  2024-10-11 15:07:41
• PHP を簡単に: Web 開発の最初のステップ
  2024-10-11 14:21:21
• Python で何でも構築: 創造性を解き放つための初心者ガイド
  2024-10-11 12:59:11
• コーディングの鍵: 初心者のための Python の力を解き放つ
  2024-10-11 12:17:31

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2193

Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2340

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

1963

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

1851

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

1910

関連トピック

詳細>

• scilabとmatlabの違い
• Intouchレポート作成方法
• デジタル通貨取引所トップ 10
• リピーターのネスト方法の紹介
• win10のBluetoothスイッチがありません
• Java環境変数を構成する
• pycharmのインストールチュートリアル
• Java正規表現一致文字列