display 三兄弟行為對比表格

屬性值	是否換行	能否設置寬高	默認寬度	常用標簽	典型用途
block	是	可以	撐滿父容器	<div>, <p>, <section>	頁面結構、布局容器
inline	否	不行	隨內容大小	<span>, <a>	文字中嵌套、小圖標
inline-block	否	可以	隨內容大小	<img>, <button>	按鈕、導航、卡片橫排

---

應用建議

• block → 用于布局結構，如容器、標題、大塊內容區域
• inline → 適用于文本中加修飾、圖標
• inline-block → 做“能排隊又能設置尺寸”的小組件最優（如按鈕、橫排卡片）

---

實用記憶口訣

block：獨占一行，頁面骨架靠它撐；
inline：隨文字流，寬高都不靈；
inline-block：居中又好控，按鈕卡片都用它。