[解決済み] ウェブページのフッター div を中央に配置する方法
2022-02-15 14:54:24
質問内容
ウェブページのフッターを中央に配置し、上のコンテンツとの間に適度なギャップを作りたいのですが、どうすればいいですか?現在、フッターには、上のコンテンツと結合した行と段落があります。コンテンツを押し下げることはできますが、行は動きません。私は私のCSSスタイルシートに欠けているプロパティを確信しています。どなたか助けていただけませんか?
これは私のhtmlマークアップです。
<div id="footer">
<p>Copyright (c) 2010 mysite.com All rights reserved</p>
</div>
この問題を解決するには、どのcssプロパティを使用すればよいのでしょうか?サンプルもお願いします。ありがとうございます。
どのように解決するのですか?
divを水平方向にセンタリングしますか? 一般的には
margin: 0 auto
または
margin-left: auto; margin-right: auto
.
そして、その上に隙間が欲しい場合は、トップマージンを与えてください。
関連
-
[解決済み】位置固定が機能しない
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] テーブルセルの背景を透明にする方法
-
[解決済み] 電話番号のマークアップはどのように行うのですか?
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】CSSを使用して、すべてのブラウザでdiv要素を垂直方向に中央に配置するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
-
[解決済み】画像のURLで禁断の403を出す
-
[解決済み】ローカルの実行ファイルへのハイパーリンクを作成する方法は?
-
[解決済み】WebページでWindows 95のフォントを使用する
-
[解決済み] HTML5 Validation Error: body start tag が見えたが、同じタイプの要素がすでに開かれていた
-
[解決済み] フォームの中にフォームがある、でいいのかな?[重複]
-
[解決済み] ホバー時に背景画像を暗くする
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?
-
[解決済み] デフォルトで空白を選択
-
[解決済み] HTMLのバックスペース