タグ

ブックマーク / boxlife.net (1)

  • スマホサイトで要素を横並びに並べるときに絶対使うべきCSS3(box-sizing) - ライフボックス

    こんばんは!最近スマホサイトを持つことが当たり前になってきていますが、みなさまいかがですか? スマホサイトを構築する際、要素を横並びにしたりする場合があると思うのですが、 なんか意図しない感じで隙間ができてしまう。 横幅ピッタリで4個要素を入れたい! なんていう場合が想定出来ると思います。 そんな時に便利なCSS「box-sizing」についてご紹介したいとおもいます。 box-sizingとは? box-sizingはボックスサイズの算定方法を指定できるCSS3のプロパティです。比較的新しい要素ですね。 content-box パディングとボーダーを幅と高さに含めない(初期値) border-box パディングとボーダーを幅と高さに含める inherit 親要素の値を継承する 例えばどんな感じでつかうか? 具体的にどういうことかというと、 例えば リストタグを横に4つ並べたい 横幅ピッタ

    スマホサイトで要素を横並びに並べるときに絶対使うべきCSS3(box-sizing) - ライフボックス
    rspk315
    rspk315 2019/09/27
  • 1