タグ

web制作とセンタリングに関するneu1975のブックマーク (1)

  • CSSで上下・左右に中央寄せする方法、全部まとめ | WWWクリエイターズ

    HTMLCSSで、テキストや画像を縦方向(上下方向)に中央寄せ(センタリング)したい事があります。 この課題は簡単そうに見えて、意外と厄介です。実際のところ、実現方法にはいくつかの選択肢がありますが、いずれも、HTMLCSSの初学者にとってはちょっとだけトリッキーです。さっそく見ていきます。 【はじめに】HTMLCSS に関する基礎知識 CSSでの中央寄せ方法を考える上で、まず最初に知っておかなければいけないのは、HTML要素における「インライン」と「ブロック」の考え方です。 HTMLでは、テキスト(文字列)のような、文書に流れ込むように配置される要素は「インラインレベル」の要素と呼ばれます。これらは、要素の横幅を満たすように配置される「ブロックレベル」の要素と区別されます。 デフォルトでインラインレベルの要素なのは、例えば、<a>タグや<span>タグです。逆にブロックレベルなの

  • 1