必要とする
分析する
コード <!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <meta name="viewport" content="width=デバイス幅、初期スケール=1.0"> <meta http-equiv="X-UA-compatible" content="ie=edge"> <title>ドキュメント</title> <スタイル> 体{ パディング: 0; マージン: 0; } #箱{ 幅: 50%; /* div を中央に配置する */ 位置: 相対的; 変換: translate(50%, 25%); /* */ /* ここでは、div の高さが body の幅の半分で、テキストが垂直方向に中央揃えになる問題を解決します */ パディング上部: 25%; パディング下部: 25%; 行の高さ: 0; テキスト配置: 中央; /* */ 背景色: #111; 色: #fff; } </スタイル> </head> <本文> <div id="ボックス"> ボックス123 </div> </本文> </html> 効果 CSS を使用して高さを設定せずに div を完全に中央に配置する方法についての記事はこれで終わりです。CSS を使用して高さを設定せずに div を完全に中央に配置する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: JavaScript エラー処理 try..catch...finally + は throw+TypeError+RangeError をカバーします
>>: MySQL での Truncate の使用法の詳細な説明
参考までに、シンプルなナンバープレート入力コンポーネント(vue)です。具体的な内容は次のとおりです...
これら 6 つの記事を書いた後、私は少し混乱し始めました。次にどこに書けばいいのか分かりません。ドメ...
目次デザインコンポーネント通信ライフサイクルイベント処理品格とスタイルクラススタイル条件付きレンダリ...
必要:あるフィールドの同一項目を結合し、別の時間フィールドで並べ替えます。例:初めに テーブルから都...
1. はじめにGit は、規模の大小を問わずあらゆるプロジェクトを俊敏かつ効率的に処理するために使用...
目次1. 成果を達成する2. バックエンドの実装2.1 エンティティクラス2.2 データベース内のデ...
目次序文v-model の修飾子:怠け者トリム番号さまざまな入力タイプやその他の要素での v-mod...
この間、私は docker を勉強していたのですが、nginx をデプロイするときに行き詰まりました...
今日は、CSS を使用してクールな画像カルーセル コンポーネントを作成する方法を学びます。その原理は...
目次(1)はじめに: (2)クリップボードの内容をコピーする方法は次のとおりです。 (3)関数演算に...
これは主に CSS スタイルのコントロールと META タグです。コードをコピーコードは次のとおりで...
Windowsでのインストールの紹介:こちらもご覧ください –》WindowsでのMySQL 8.0...
1. インストール前の準備: 1.1 JDKをインストールするopenjdkをアンインストールする...
目次1. いくつか2. すべての3. 見つける1. いくつかsome()メソッドは、指定された関数の...
1. 前の章では、プログラムを yum リポジトリに直接インストールできることを学びましたが、そのた...