タグ

ブックマーク / taneppa.net (2)

  • CSSの display: inline、display: block、display: inline-block をマスターしよう! | たねっぱ!

    CSS の display プロパティについて紹介します! display: inline・display: block・display: inline-blockについてのおさらい。HTMLCSSひよこちゃん向け! いろいろ便利な CSS の display プロパティ。今回は display: inline display: block display: inline-block についておさらいしてみます。HTMLひよこちゃん向けの記事です! displayプロパティで、ブロック・インライン・インラインブロックをおさらいしてみた displayプロパティ displayは、要素の「表示形式」を指定するプロパティ。 ブロックレベル要素をインライン形式で表示したり、インライン要素をブロックレベル形式で表示することができます。 構造的にはブロックレベル要素なんだけど、インラインとして表示

    CSSの display: inline、display: block、display: inline-block をマスターしよう! | たねっぱ!
    stealthinu
    stealthinu 2016/06/20
    inline-blockとinlineはどう違うのか勉強になった。さらにIE7でinline-blockが問題出ることの対処法もあり。
  • CSSで中央寄せにする方法まとめ | たねっぱ!

    CSSで中央寄せ方法(inlineblockで方法をかえよう!)。text-align:centerやmargin:auto。レスポンシブの場合なんかも紹介します! CSSで中央寄せにする方法(inlineblockで方法をかえよう!) おはこんばんちわ、やのっぱです(´・ω・`) そういえば、周りでcssによる中央寄せがうまくいかないって声をよく聞いてたのでいくつか書いてみたよ。 思いつく限りの中央寄せの方法を書きます。 注意! 記事はreset.css、clearfixを導入した状態を基準としてソースコードを載せています。 1.margin: 0 auto;【block要素を中央に】 定番の中央寄せです。 でも、要素がwidth:100%;だと無理です。 margin取れないからです。 例) <style> .marginTest { width:100%; height:40p

    CSSで中央寄せにする方法まとめ | たねっぱ!
    stealthinu
    stealthinu 2016/06/10
    CSSでセンタリングする方法まとめ。インライン要素だとtext-alignで、block要素だとwidth決めてmargin autoで。要素と方法合ってないとセンタリングされない。
  • 1