フレックスとポジションの互換性の詳細な説明マイニングノート
|
今日は、すべてのブラウザ (主に 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 で行を列に変換したり、列を行に変換したりする詳細な例
mysql 行から列へ、列から行へ難しい文章ではないので、詳しく説明はしません。文章を読むときは、一...
Linux での MySQL マルチインスタンスの展開とインストール ガイド
MySQLマルチインスタンスとは簡単に言うと、MySQL マルチインスタンスとは、サーバー上で複数の...
OpenLayers 3 のベクターマップソースの読み込みの問題を解決する
1. ベクターマップベクター グラフィックスは直線と曲線を使用してグラフィックスを表します。これらの...
Echarts 凡例コンポーネントのプロパティとソース コード
凡例コンポーネントは、ECharts でよく使用されるコンポーネントです。シリーズ マーカーの名前を...
JavaScript 文字列オブジェクトメソッド
目次文字列オブジェクトのメソッド方法 1: indexOf() (推奨)方法 2: search()...
Div CSS 命名標準 CSS クラスの命名規則 (SEO 標準に準拠)
検索エンジン最適化 (SEO) では実行すべきタスクが多数ありますが、その中でもコードの最適化は重要...
ログインインターセプションを実装するためのVueルーティング
目次1. 概要2. ログインインターセプションを実装するためのルーティングナビゲーションガード1. ...
vueはel-tableの列幅の適応を完璧に実現します
目次背景技術的ソリューション具体的な実装要約する背景Element UI は、PC で人気の Vue...
データベースSQL文の最適化
最適化する理由:実際のプロジェクトが開始され、データベースが一定期間稼働した後、初期のデータベース設...
Ajax は CORS レスポンス ヘッダーを設定してクロスドメインの問題を解決し、クロスドメインのケース スタディを実現します。
1. クロスドメインを実現するためにCORSレスポンスヘッダーを設定するクロスオリジンリソース共有...
MySQLインデックスを最適化する方法
1. MySQL のインデックスの使用方法インデックスは、特定の列の値を持つ行をすばやく見つけるため...
MyISAMとInnoDBの違いについてお話しましょう
主な違いは次のとおりです。 1. MySQL はデフォルトで MyISAM を使用します。 2. M...
Vueのハッシュジャンプ原理の詳細な説明
目次ハッシュと履歴の違いハッシュ履歴getCurrentLocation の実装setupListe...
Sublime TextがUbuntuで中国語を入力できない問題の最も簡単な解決策
崇高なSublime Text はコード エディター (Sublime Text2 は有料ソフトウェ...