尺寸 (Size)

使用 size、minSize 和 maxSize 控制元素的尺寸。

常用属性

  • size:主要尺寸
  • minSize:最小尺寸
  • maxSize:最大尺寸
Loading Preview…

宽度和高度

精确控制元素的尺寸。

使用 size、minSize 和 maxSize 为元素的尺寸设置边界。

Tip

🔗 MDN 文档:width、height、min-width、max-width

属性

这些属性接受包含 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…

后续步骤

© 2026 ByteLand Technology Limited