尺寸 (Size)
使用 size、minSize 和 maxSize 控制元素的尺寸。
常用属性
size:主要尺寸minSize:最小尺寸maxSize:最大尺寸
Loading Preview…
宽度和高度
精确控制元素的尺寸。
使用 size、minSize 和 maxSize 为元素的尺寸设置边界。
属性
这些属性接受包含 width 和 height 的 Size 对象。
| 属性 | 描述 |
|---|---|
size | 理想尺寸。如果为 auto,则由内容或 flex/grid 规则决定。 |
minSize | 最小尺寸。防止元素收缩到小于此值。 |
maxSize | 最大尺寸。防止元素增长超过此值。 |
若最小限制大于最大限制,最小限制优先。尺寸还需容纳 padding 和 border,因此不能仅凭 maxSize 假定最终边框框一定小于该值。
尺寸值
width 和 height 属性接受以下值类型:
| 值 | 描述 | 示例(JS) |
|---|---|---|
| Auto | 根据内容调整大小(或在某些 flex 情况下拉伸)。 | "auto" |
| Points | 精确的像素值。 | 150 |
| Percent | 包含块对应轴尺寸的百分比,详见尺寸与空间。 | "50%" |
size、minSize、maxSize 及其独立宽高属性都接受数字、百分比字符串或 "auto"。数字 0.5 表示 0.5 像素;百分之五十应写为 "50%"。
示例
Loading Preview…