跳转到主要内容
高级控件设置:容器子项

深入了解容器子项配置的高级控件设置。轻松优化布局控制并简化定制。

超过 7 个月前更新

如果一个控件被放置在一个容器内,容器子项设置将在高级选项卡中可用。

对齐方式

  1. align-self属性指定了柔性容器中所选项的对齐方式。此属性将覆盖柔性容器的align-items属性。

  2. 开始:元素位于容器的开始位置

  3. 居中:元素位于容器的中心位置

  4. 结束:元素位于容器的末尾位置

  5. 拉伸:元素被拉伸以适应容器


顺序

顺序主要与响应式断点结合使用。这允许您基于视口对元素进行排序/重新排序。(例如:您希望在移动视图中重新排列三个或更多元素)您可以在以下选项之间进行选择:

  1. 开始

  2. 结束

  3. 自定义 - 如果选择自定义,则将出现以下选项: 自定义顺序 - 输入值

了解有关顺序属性的更多信息


尺寸

flex grow/shrink属性指定了项目相对于同一容器内其他柔性项的行为。您可以在以下选项之间进行选择:

  1. 增长

  2. 收缩

  3. 自定义 - 如果启用此选项,则将出现以下选项:

    自定义flex grow - 输入值

    自定义flex shrink - 输入值

了解有关尺寸属性的更多信息

这是否解答了您的问题?