フレックスとポジションの互換性の詳細な説明マイニングノート
|
今日は、すべてのブラウザ (主に 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 で高性能なインデックスを作成するための完全な手順
推薦する
MySQLの重複排除操作を極限まで最適化する方法
目次1. インデックスと変数の賢い使用1. インデックスなしの比較テスト2. created_tim...
h1、h2、h3タグを適切に使用する
Web ページを作成する過程では、<h1>、<h2>、<h3> ...
Mysql マスタースレーブレプリケーションの注意事項の説明
1. マスター'x@xxxx:x'への接続エラー- 再試行時間: 60 再試行回数:...
Vueフィルターの使い方
目次概要フィルターの定義フィルターの使用カスタムグローバルフィルターローカルフィルター予防例1（ロー...
略語マークと頭字語マーク
<abbr>タグと<acronym>タグは、Web ページに表示される略語と...
React 国際化 react-i18next の詳細な説明
導入react-i18next は、 i18nextをベースにした強力な国際化フレームワークです。 ...
MySQL 5.7 インストール不要の設定グラフィックチュートリアル
Mysql は人気があり、使いやすいデータベース ソフトウェアです。以下は、mysql の無料インス...
Vue のスロットスコープの詳細な理解（初心者向け）
Baidu には slot-scope に関する記事が既にたくさんありますが、以前よく学習しておら...
docker+jenkins+node.js の自動デプロイメント環境をゼロから構築する方法
このケースはCentOS 7システムに基づいていますDockerの使用経験がある人に適していますLi...
ネイティブJSを使用した遅延読み込みlazyLoadの3つの方法の概要
目次序文方法1: 高コントラスト方法2: getBoundingClientRect() APIを使...
MySQL 実践演習 シンプルなライブラリ管理システム
目次1. ソート機能2. データベースを準備する3. データベースに関連するエンティティクラスの構築...
Windows 10 での MySQL 8.0.16 のインストールと設定のチュートリアル
この記事では、参考までにMySQL 8.0.16のインストールと設定方法のグラフィックチュートリアル...
Linux環境でユーザーにsudo権限を追加する方法
sudo 設定ファイルsudo のデフォルトの設定ファイルは /etc/sudoers です。一般的...
Ubuntu 18.04 に opencv 3.2.0 をインストールするためのソリューション
opencv.zip をダウンロード依存関係を事前にインストールします。まずダウンロードソースを更新...