CSS Grid 网格布局教程(4元素属性:设定元素在单元格内位置)
4.4 justify-self 属性，align-self 属性，place-self 属性justify-self属性设置单元格内容的水平位置（左中右），跟justify-items属性的用法完全一致，但只作用于单个项目。
align-self属性设置单元格内容的垂直位置（上中下），跟align-items属性的用法完全一致，也是只作用于单个项目。
.item {
justify-self: start | end | center | stretch;
align-self: start | end | center | stretch;
}
这两个属性都可以取下面四个值。
[*]start：对齐单元格的起始边缘。
[*]end：对齐单元格的结束边缘。
[*]center：单元格内部居中。
[*]stretch：拉伸，占满单元格的整个宽度（默认值）。
下面是justify-self: start的例子。
.item-1{
justify-self: start;
}
place-self属性是align-self属性和justify-self属性的合并简写形式。
place-self: <align-self> <justify-self>;
下面是一个例子。
place-self: center center;
如果省略第二个值，place-self属性会认为这两个值相等。
页:
[1]