CSS 中的 display 屬性

display 三兄弟。

block

代表元素：<div> <h1> <p>

• 可設定寬高
• margin padding 正常作用
• 自己會佔據一整行

inline

代表元素：<span> <a>

• 不能設寬高
• 上下 margin 沒用
• 上下 padding 不會影響旁邊元素

inline-block

代表元素：<input> <select>

• 可以設定寬高
• margin padding 正常作用
• 可以跟別人排再一起