Box 屬性意義
display: block
: 前後會插入換行,寬會填滿父元素,高則是配合內容。可以用 width, height 設定。
預設: h1, p, divdisplay: inline
: 不會換行,會連成一行。寬高都是依照內容,且不能使用 width, height。
預設: span, a, emdisplay: inline-block
: 跟 inline 一樣,但能夠使用 width, height 設定寬高。display: list-item
: 變成 marker + block。display: run-in
: 如下圖 h2 被指定run-in
它就會變成 inline 後續的元素如果是 block 就會如圖一樣合體。但是後續的元素如果是 inline 或者套用了 float, position ,那麼 h2 就會是 block。註: Firefox 和 IE7 目前都不支援 run-in