grid布局(三)
知有
190
grid布局(对齐)
justify-items(水平方向):
它的属性有start(左对齐)end(右对齐)center(水平居中)stretch(占满)。
align-items(垂直方向):
属性与justify-items一致,
place-items:
它就是对justify-items和align-items的简写,书写格式为,place-items:<align-items> <justify-items>;
这些都是设置单元格内的对齐方式。
justify-content:
它的属性有start、end、center、stretch、space-around、space-between、space-evenly。他们的作用都是和flex布局的作用是一样的。(可去flex布局的文章中查看)
align-content:
它的属性与justify-content:相同。
这些是设置整个内容区域的对齐方式的。
项目的对齐justify-self,align-self,place-self:
设置单元格的对齐,但只作用于单个项目,他们的属性与justify-items这些一致。