フレックスとポジションの互換性の詳細な説明マイニングノート
|
今日は、すべてのブラウザ (主に IE 9 以上と Chrome) と互換性のある自分のホームページ用の Web サイトを書く時間ができました。以前、非常によくある問題がありました。私はそれに遭遇したので、記録しておこうと思います。質問を直接見てみましょう
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="utf-8">
<title>ドキュメントのタイトル</title>
</head>
<本文>
<div class="aaa">
<div>
</div>
</div>
</本文>
</html>
<スタイル>
.aaa{
幅:700ピクセル;
高さ:500px;
位置:絶対;
背景色:赤;
ディスプレイ: フレックス;
アイテムの位置を中央揃えにします。
}
.aaa div{
高さ: 200px;
幅:200px;
位置: 絶対;
背景色:黄色;
}
</スタイル>前提条件：サブ要素は水平方向に中央揃えする必要がありますが、垂直方向には IE の場合: 親コンテナーのプロパティ
Chrome: 親コンテナ内のプロパティ:
以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 |
<<: コードの互換性を高めるために、HTMLを次のように記述します。
>>: MySQL で高性能なインデックスを作成するための完全な手順
推薦する
jQuery で呼吸カルーセル効果を実現
この記事では、呼吸カルーセル効果を実現するためのjQueryの具体的なコードを参考までに共有します。...
Centos7のシステム言語を簡体字中国語に変更する方法
例示するシステムを自分でインストールする場合は、通常、システム言語をカスタマイズできます。ただし、ク...
MySQLが日付フィールドインデックスを使用しない理由の要約
目次背景探検する要約する背景テーブルでは、dataTime フィールドは varchar 型に設定さ...
Docker Alibaba Cloud RocketMQ 4.5.1 のデプロイプロセスの詳細な説明
検索ミラー docker 検索 rocketmq画像バージョンを表示他の画像を表示したい場合は、画像...
CSSは半透明の境界と複数の境界のシーン分析を実現します
シナリオ 1:半透明の境界線を実現するには: CSS スタイルのデフォルトの動作により、背景色はコン...
Webstorm と Chrome を使用して Vue プロジェクトをデバッグする方法
目次序文1. 新しいVueプロジェクトを作成する2. WebStormの設定1. デバッガポートを設...
Vue でルーティング遷移効果を実装する 4 つの方法
Vue ルーター トランジションは、Vue プログラムにパーソナライズされたエフェクトをすばやく簡単...
Kubernetes オブジェクトボリュームの詳細な使用方法
概要ボリュームは、さまざまなストレージ リソースを抽象化および仮想化したものです。ストレージ リソー...
DockerでPrometheusをインストールする詳細なチュートリアル
目次1. Node Exporterをインストールする2. cAdvisorをインストールする3. ...
MySql5.x を MySql8.x にアップグレードする方法と手順
MySQL 5.x と MySQL 8.0.X のいくつかの違いapplication.proper...
オンラインMySQLオプティマイザの誤判断によって発生した低速クエリイベントを記録する
序文：非常に遅いクエリとリクエストのタイムアウトのアラートを受け取りました。メトリックを通じて My...
小規模プロジェクトで Vue が点滅するのを防ぐ方法
まとめHTML: 要素と v-cloak CSS: [v-cloak]{表示: なし}プロセスページ...
Flutterを使用して移動可能なスタックウィジェット機能を作成する
この投稿では、キャンバスとドラッグ可能なノード インターフェースを使用するデスクトップおよび Web...
Jenkins初心者のためのDockerデプロイメントチュートリアルの詳細な説明
この記事では、docker 経由で Jenkins+Maven+SVN+Tomcat をデプロイし、...
preタグを自動的に折り返すためのサンプルコード
pre 要素は、フォーマット済みのテキストを定義します。 pre 要素で囲まれたテキストでは、通常、...