エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ボックスをウインドウの中央に表示 (ウェブのあれこれ格納庫)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ボックスをウインドウの中央に表示 (ウェブのあれこれ格納庫)
<div>などでくくったボックスを上下左右中央に表示の覚書。 横のマージンをセンタリングする場合、ボッ... <div>などでくくったボックスを上下左右中央に表示の覚書。 横のマージンをセンタリングする場合、ボックスの CSS に【margin: 0 auto;】(IE の場合は親要素に【text-align: center;】)などの設定をすれば簡単に出来るが、上下のマージンを【auto】に設定しても反映されない。 そこで CSS の【position】プロパティを使って組み方をちょっと変えてあげれば、上下左右とも中央にボックスを表示させられる(下図参照)。 そんなワケで、<div>などでくくったボックスを上下左右中央に表示の覚書。 シンプルなページデザインの場合や、ログイン画面などで結構重宝する・・・かも? HTML コード <html> <head> <link rel="stylesheet" href="外部CSSパス" type="text/css" /> </head> <body