ver div 内の 2 つの要素を水平方向に中央揃え
提供されたコード スニペットでは、div 内の要素を垂直方向に中央揃えにする問題が発生しました。提案されたチュートリアルを使用しても問題は解決しなかったようです。
Flexbox の解決策:
Flexbox プロパティを実装して、div 内で要素を垂直方向と水平方向に整列させます:
.banner { display: flex; justify-content: center; align-items: center; }
テーブルと配置解決策:
または、CSS テーブルと要素の配置に配置を組み合わせて使用することを検討してください:
#container { display: table; vertical-align: middle; } .banner { display: table-cell; }
メソッド選択に関する考慮事項:
2 つのアプローチのどちらかを選択する場合は、次の点を考慮してください。要素:
- シンプルさ: フレックスボックスは、要素を中央に配置するためのより簡潔なコードを提供します。
- ブラウザのサポート: フレックスボックスは、主要なブラウザでサポートされています。一方、テーブルと測位方法にはベンダー プレフィックスが必要な場合があります。互換性。
- 応答性: フレックスボックスは応答性の高いレイアウトをサポートし、要素をさまざまな画面サイズに調整できます。
追加の推奨事項:
- margin: auto プロパティを使用して、要素内の要素を水平方向に中央揃えにします。 Banner.
- .bannerrightinner クラスの上余白を調整して、段落内のテキストが垂直方向の中央に配置されるようにします。
以上がDiv 内の 2 つの要素を水平方向および垂直方向の中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

React Ecosystemは、すべてがドラッグアンドドロップの相互作用に焦点を合わせている多くのライブラリを提供します。 React-Dnd、React-Beautiful-Dnd、

バックグラウンドクリップをすべて頻繁に使用すると言うことができます。私は、日々のCSS作業ではほとんど使用されていない' dを賭けています。しかし、私はステファン・ジュディスの投稿でそれを思い出しました、

RequestAnimationFrameでアニメーション化するのは簡単なはずですが、Reactのドキュメントを徹底的に読んでいない場合は、おそらくいくつかのことに遭遇するでしょう

おそらく、それをユーザーに提供する最も簡単な方法は、要素上のIDをターゲットにするリンクです。だから...

聞いてください、私はGraphQLの専門家ではありませんが、私はそれで働くことを楽しんでいます。フロントエンド開発者としてデータを公開する方法はかなりクールです。メニューのようなものです

今週のラウンドアップ、タイポグラフィを検査するための便利なブックマークレットである。

私は最近、Codepenの興味深い変化に気づきました。ホームページにペンをホバリングすると、丸い角が背面に拡大する長方形があります。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

メモ帳++7.3.1
使いやすく無料のコードエディター

WebStorm Mac版
便利なJavaScript開発ツール

Dreamweaver Mac版
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)
