フレックスとポジションの互換性の詳細な説明マイニングノート
|
今日は、すべてのブラウザ (主に 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 で高性能なインデックスを作成するための完全な手順
推薦する
Web デザイン体験: 5 つの優れた Web デザイン コンセプトの完全分析 (画像)
他の種類のデザインとは異なり、Web デザインは時代の発展とともに常に変化しています。したがって、W...
IE8でラベルの背景画像が表示されない問題の解決方法
今日、ちょっとした問題に遭遇し、長い間苦労しました。そのことを皆さんにシェアしたいと思います。 a ...
Gogs+Jenkins+Docker による .NetCore ステップの自動デプロイ
目次環境説明DockerのインストールゴグのインストールDocker で .NetCore サービス...
HTML テーブル データを Json 形式に変換するサンプル コード
<table>テーブルデータをJSON形式に変換するJavaScript関数は次のとおり...
フロントエンド開発一般マニュアル（ツール、Webサイト、経験などを含む）
今日は何もすることがなかったので、いくつかのツール（オンラインとクライアント）、よく使用する URL...
CSS background-blend-modeの仕組みを深く理解する
この記事は共有および集約することを歓迎します。全文を転載する必要はありません。著作権を尊重してくださ...
n 個のコンテナ要素による無限スクロールの実装コード
シナリオ最大 10000 要素のリストを正しくレンダリングする方法。無限ドロップダウン読み込みテクノ...
protobuf の簡単な紹介と Ubuntu 16.04 環境でのインストールチュートリアル
protobufの簡単な紹介Protobuf は、Google のオープンソースのシリアル化プロトコ...
Dockerコンテナ内にkibanaトークナイザーをインストールする方法
ステップ： 1. 仮想マシンディレクトリに新しいdocker-compose.ymlファイルを作成し...
仮想マシンクローン Linux centos6.5 システム ネットワーク カード構成グラフィック チュートリアル
Linux システムに触れたばかりの初心者として、VMware 仮想マシンに CentOS6.5 シ...
Node.js でのブレークポイント再開の実装
序文通常のビジネスニーズ: 写真、Excel などをアップロードします。結局のところ、数 MB のサ...
Hadoop 2.x と 3.x の 22 ポイントの比較、Hadoop 3.x の 2.x に対する改善点
質問ガイド1. Hadoop 3.x はどのようにして障害を許容するのでしょうか? 2. Hadoo...
ウェブサイトのパフォーマンスを向上させるためのコンテンツ関連の10の原則
<br />英語アドレス: http://developer.yahoo.com/per...
js 配列 fill() 充填メソッド
目次1. fill() 構文2. fill() の使用3. まとめ序文：配列の初期化方法についてはよ...
Linux CentOS 7.7 システムの VMware インストールに関する詳細なチュートリアル
Linux CentOS 7.7 システムを Vmware にインストールする方法。最小限のインスト...