Skip to main content

JustifyContent

Type Alias JustifyContent 

Source
pub type JustifyContent = AlignContent;
Expand description

重导出样式类型(Style、Display、Position 等) 设置内容之间和周围的空间分布 对于 Flexbox,它控制主轴中的对齐 对于 Grid,它控制内联轴中的对齐

MDN

Aliased Type§

pub enum JustifyContent {
    Start,
    End,
    FlexStart,
    FlexEnd,
    Center,
    Stretch,
    SpaceBetween,
    SpaceEvenly,
    SpaceAround,
}

Variants§

§

Start

项目打包到轴的起始位置

§

End

项目打包到轴的末尾

§

FlexStart

项目打包到相对于 flex 的轴的起始位置。

对于 flex_direction 为 RowReverse 或 ColumnReverse 的 flex 容器,这等效于 End。在所有其他情况下,它等效于 Start。

§

FlexEnd

项目打包到相对于 flex 的轴的末尾。

对于 flex_direction 为 RowReverse 或 ColumnReverse 的 flex 容器,这等效于 Start。在所有其他情况下,它等效于 End。

§

Center

项目沿轴中心居中

§

Stretch

项目拉伸以填充容器

§

SpaceBetween

第一个和最后一个项目与容器边缘对齐(无间隙) 项目之间的间隙均匀分布。

§

SpaceEvenly

第一个和最后一个项目之间的间隙与项目之间的间隙完全相同。 间隙均匀分布

§

SpaceAround

第一个和最后一个项目之间的间隙恰好是项目之间间隙的一半。 间隙按这些比例均匀分布。