margin:auto; + position: absolute; 上、下、左、右:0 <!DOCTYPE html> <html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8"> <メタ文字セット="utf-8"> <meta name="ビューポート" content="初期スケール=1.0、最大スケール=1.0、ユーザースケーラブル=いいえ" /> <title>位置 + マージンを使用してボックスを水平方向と垂直方向に固定します</title> <スタイル> 体 * { アウトライン: 1px #ff0000 実線; } 。父親 { 幅: 500ピクセル; 高さ: 300px; 位置: 相対的; } .父 .息子 { 幅: 180ピクセル; 高さ: 140px; /* */ 位置: 絶対; 右: 0; 下部: 0; 上: 0; 左: 0; マージン: 自動; } </スタイル> </head> <本文> <div class="父"> <div class="son">margin:auto + 上、下、左、右:0</div> </div> </本文> </html> //終わり CSS で位置 + マージンを使用して固定ボックスの水平および垂直の中央揃えを実現する方法については、これで終わりです。CSS で固定ボックスの水平および垂直の中央揃えに関する関連コンテンツの詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: DockerはMysql、.Net6、Sqlserverなどのコンテナをデプロイします
>>: Sublime Text - ブラウザのショートカットキーを設定するための推奨方法
複数のデータベースをバックアップするには、次のコマンドを使用できます。 mysqldump -uro...
MySQL のイベント スケジューラ EVENT は、Unix crontab や Windows ...
問題の再現Alibaba Cloud Server は、Finalshell リモート接続を使用して...
インデックス拡張: InnoDB は、プライマリ キー列をそのインデックスに追加することで、各セカン...
HTML の空白ルールHTML では、コンテンツ内の複数のスペースは通常 1 つとみなされ、連続する...
目次1.まずネットワークカードの設定ディレクトリに入る2. ifcfg-ens33ネットワークカード...
最近、Vue のソースコードを勉強していて、Vue で親コンポーネントと子コンポーネント間でデータを...
序文MySQL データベースでは、if else のような判断演算を使用することがあります。では、M...
mysqldump ツールのバックアップデータベース全体をバックアップする $> mysqld...
必要な環境をインストールする1. gccのインストールnginx をインストールするには、公式サイト...
Linux で if を使用してディレクトリが存在するかどうかを判断する方法方法は次のとおりです。...
原因と結果1. ansibleコマンドを使用してジャンプサーバー上のマシンBをテストすると、次のエラ...
この記事の例では、VueがPCカメラを呼び出して写真機能を実現する具体的なコードを参考までに共有して...
序文バックエンド開発では、一度に大量のデータがロードされ、メモリやディスク IO のオーバーヘッドが...
この記事では、MySQL で 2 つのテーブルを関連付ける結合テーブルにインデックスを作成する方法を...