梗概
| 关键词 | 核心行为 | 类比 |
|---|---|---|
min-content | 收缩到最小。宽度由内容中最宽的不可分割单元决定。 | 像表格的 width: auto;加上 white-space: nowrap;然后被强制换行后的效果。 |
max-content | 扩展到最大。宽度是内容在无限空间下理想布局的宽度。 | 像给元素设置了 white-space: nowrap;(如果内容无换行)或 display: inline-block;。 |
fit-content | 智能适应。在 min-content和 max-content之间取一个值,但绝不会超过可用空间。 | 像 margin: 0 auto;和 max-width: ...px;的组合,但最大宽度是自动计算的。 |
提示
- 在表格类组件中,
fit-content可能触发“极端换行”;max-content更能保持单行与一致列宽。- beused::antd 表单组件