エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント9件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS で画面中央表示のサンプル | [ VERSION510 ]
少し前に出た話題だけど、CSS (だけ) でブラウザのウィンドウの中央にボックスを表示させてみる。元ネタ... 少し前に出た話題だけど、CSS (だけ) でブラウザのウィンドウの中央にボックスを表示させてみる。元ネタは以下の記事より。 CSSでDivを天地左右中央に配置する方法『locate div at the center vertically and horizontally』 | CREAMU 以下のリンク先にサンプルがあります。 sample.html 仕組みとミソ 元記事のように、ネガティブマージンを使用すると、中央配置したボックスの大きさよりブラウザのウィンドウが小さくなると、右上半分が消えてしまいます。 また position: static; な body 要素に絶対配置すると、ブラウザのウィンドウを小さくしていくとうまいこといかない (画面の中央に表示されない) 現象がみられました。ということで今回は以下のように対策してみました。 高さ 100% の body 要素に posit
2015/07/27 リンク