单独居中显示
.align-self-*-center 类据不同屏幕设备,让单独一个子元素显示在居中位置。
重置浏览器窗口大小,查看效果。 注意: align-self-stretch 是默认的。
.align-self-center
:
Flex item 1
Flex item 2
Flex item 3
.align-self-sm-center
:
Flex item 1
Flex item 2
Flex item 3
.align-self-md-center
:
Flex item 1
Flex item 2
Flex item 3
.align-self-lg-center
:
Flex item 1
Flex item 2
Flex item 3
.align-self-xl-center
:
Flex item 1
Flex item 2
Flex item 3
.align-self-xxl-center
:
Flex item 1
Flex item 2
Flex item 3