如果熟悉 flexbox 的对齐属性，在这边的用法也是大同小异。在 grid 中因为没有主次轴的概念， justify-* 通常是操控"行"，align-* 是操控"列"。grid 容器对齐属性要见Day25，而能够使用在 grid 的项目对齐属性包括：

1.justify-self
2.align-self

justify-self / align-self

.item {
  justify-self: stretch | start | end | center | left | right | self-start | self-end | baseline | first baseline | last baseline;
  align-self: stretch | start | end | center | self-start | self-end | baseline | first baseline | last baseline;
}
预设:stretch

继 flexbox 了解到项目中的给予 align-self 属性是可以在单一一个项目里覆写容器中 align-items 所继承下来的属性後，grid 中的 justify-self / align-self 概念也是如此，并且可以操控单一个网格项目在网格容器中的位置。

而 justify-self 是操控网格项目在网格区域中"行"的位置，align-self 则是操控网格项目在网格区域中"列"的位置。

1. stretch 为预设，在网格项目中没有设定尺寸时，网格项目会拉伸填满网格区域。

2. start、end、center 即为将网格项目对齐网格区域的开头、终点、中间。（justify-self 的开头就是左边、align-self 的开头是上面）

3. 在justify-self 中 left、right 属性值和 start、end 的表现几乎是一样的，虽然有些地方有说明 align-self 也有 left、right，但实际用起来没有什麽作用。

4. self-start、self-end 虽然同样是网格项目队齐网格区域的起始、终点，但对齐的条件多了会"跟随语言的方向来决定起始和终点"。常见的语言预设上为 direction: ltr;（可以在容器做设定）意即为由左至右的语言，如果换成 rtl 由右至左，则 justify-self 的 self-start、self-end 会跟着相反。

5. baseline、last baseline、first baseline 会对齐基准线、最後一条基准线、第一条基准线。文件中有对其进行说明：algo-baseline-shims，老实说我有点看不懂在说什麽 XD（然後开始怀疑人生），或许不是个常会使用到的属性值。

资料来源：

• CSS 大全第四版

• CSS grid Layout Module Level 1

• CSS align-self