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这些一致。

用户评论
评论列表