尺寸 (Size)

使用 sizeminSizemaxSize 控制元素的尺寸。

常用属性

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

宽度和高度

精确控制元素的尺寸。

使用 sizeminSizemaxSize 为元素的尺寸设置边界。

Tip

🔗 MDN 文档widthheightmin-widthmax-width

属性

这些属性接受包含 widthheightSize 对象。

属性描述
size理想尺寸。如果为 auto,则由内容或 flex/grid 规则决定。
minSize最小尺寸。防止元素收缩到小于此值。
maxSize最大尺寸。防止元素增长超过此值。

尺寸值

widthheight 属性接受以下值类型:

描述示例(JS)
Auto根据内容调整大小(或在某些 flex 情况下拉伸)。"auto"
Points精确的像素值。150
Percent父元素尺寸的百分比。"50%"0.5(JS 绑定中通常使用字符串 "50%")。

示例

Loading Preview…

后续步骤

© 2026 ByteLand Technology Limited