【CSS】displayプロパティの種類

daiki21 56views 更新:2015年6月8日

今回はわりと表示についての作業が多めでした。

CSSでサイト作りにおいて欠かせないのが displayのプロパティかと思います。

display :inline, block, inline-blockをざっくり紹介していきます。

display:inline;

inlineは、リストを横並びにして表示します。

display:block;

blockは、inlineと逆に縦並びにして表示します。

そして、

display:inline-block;

inline-blockは、inlineのように横並びでありながら、blockのように高さを変えることができます。

ですので、 いちいち、divタグで囲んでclassをあてる必要もなければ、floatを使う必要もありません。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません