#justify-items

#介绍

在网格布局中，设置网格区域（grid area）中的元件在行轴方向的轴上对齐。此属性作用在网格容器上。justify-self 可覆盖网格容器定义的 justify-items。

#使用示例

css-apisrc/justify-items/App.tsx

预览

#取值

#stretch

默认值。除非元件具有确定的宽度。也就是说在默认情况下，元件会在行轴方向上覆盖网格区域。

#center

定义元件在网格区域的行轴方向上居中。

#start

定义元件在行轴上与网格区域的起始边缘对齐。

#end

定义元件在行轴上与网格区域的结束边缘对齐。

#语法

justify-items: stretch;
justify-items: center;
justify-items: start;
justify-items: end;

#形式定义

#形式语法

justify-items = stretch | center | start | end

#与 Web 的区别

mdn: justify-items

1. 不支持 normal。默认值为 stretch。
2. 不支持 flex-start、flex-end、self-start、self-end、left、right。

#兼容性