请列举 CSS 中 display 属性的常见取值，并分别说明它们的布局行为。

回答思路

1. 至少列举 block、inline、inline-block、none、flex、grid 等常用值
2. 能说明每种取值的盒模型和布局特性
3. 能区分 inline 与 inline-block 在尺寸和换行上的差异
4. 能说明 flex 和 grid 与传统布局方式的区别