• 
• 
• 参考
• 
• 布局
• 
• Stack

stack 元素

元素函数可以通过 set 和 show 规则进行样式自定义。

Arranges content and spacing horizontally or vertically.

The stack places a list of items along an axis, with optional spacing between each item.

Example

#stack(
  dir: ttb,
  rect(width: 40pt),
  rect(width: 120pt),
  rect(width: 90pt),
)

参数

参数是函数的输入，它们在函数名称后面的括号中传入。

dir

direction

可用 Set 规则

可以使用 Set 规则，为函数后续所有的使用设置默认参数。

The direction along which the items are stacked. Possible values are:

• ltr: Left to right.
• rtl: Right to left.
• ttb: Top to bottom.
• btt: Bottom to top.

You can use the start and end methods to obtain the initial and final points (respectively) of a direction, as alignment. You can also use the axis method to determine whether a direction is "horizontal" or "vertical". The inv method returns a direction's inverse direction.

For example, ttb.start() is top, ttb.end() is bottom, ttb.axis() is "vertical" and ttb.inv() is equal to btt.

默认：ttb

spacing

none relative fraction

可用 Set 规则

可以使用 Set 规则，为函数后续所有的使用设置默认参数。

Spacing to insert between items where no explicit spacing was provided.

默认：none

children

relative fraction content

必需参数位置参数

位置参数按顺序传入，不带名称。

可变参数

可变参数可以多次传入。

The children to stack along the axis.

Spacing (V)上一页

可视化下一页