[解決済み] How to align a <div> to the middle (horizontally/width) of the page [duplicate]
2022-03-22 14:25:54
Question
I have a
div
tag with
width
set to
800 pixels
. ブラウザの幅が
800ピクセル
を伸ばさないようにする必要があります。
div
しかし、ページの真ん中に持ってくる必要があります。
解決方法は?
<body>
<div style="width:800px; margin:0 auto;">
centered content
</div>
</body>
関連
-
[CSSチュートリアル】よくある2D変換を5つ実現するCSS
-
[css3]css3は、背景画像の色を変更するためのさまざまな方法を実現するために
-
[CSSチュートリアル】CSSで実現するイメージマッピングメソッド
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] 残りの幅を埋めるために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 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】カットコーナー+ボーダー+プロジェクション+コンテンツ背景色のグラデーション効果を実現するCSS
-
[CSSチュートリアル】CSSアニメーション 途中で止める方法とポーズを維持する方法
-
[CSSチュートリアル】height:100%と書いても効かない理由
-
[CSSチュートリアル】背景-位置の割合の原則の説明
-
[CSSチュートリアル】クールなネオン効果を実現するピュアCSS(デモあり)
-
[css3]css3アニメーションマウスが絵の上に置かれると徐々に大きくなり、マウスが絵から離れると徐々に縮む効果
-
[CSSチュートリアル】background-positionプロパティのパーセンテージ値の使い方を探る
-
[css3]Apple携帯電話のロック解除のためのCSS3サンプルフォントシャインエフェクト
-
[css3] CSS3を使ってヘッダーアニメーション効果を作成する
-
[解決済み] 要素を水平方向にセンタリングする方法