hooyantsing's Blog

P150_24_栅格元素独立控制对齐方式

字数统计: 80阅读时长: 1 min
2020/04/21

P150 24 栅格元素独立控制对齐方式

justify-self

单独控制元素在栅格空间内的水平方向位置。

align-self

单独控制元素在栅格空间内的垂直方向位置。

例:

1
2
3
4
5
6
7
8
div:first-child{
    justify-self: end;
    align-self: center;
}
div:nth-child(4){
    justify-self: start;
    align-self: center;
}

3a974e151241396b83c9f6e0cea86174.png

CATALOG