内容排列
.justify-content- 类用于修改弹性子元素的排列方式, 号允许的值有:start (默认), end, center, between 或 around:
实例
...
...
...
...
...
尝试一下 »
等宽
.flex-fill 类强制设置各个弹性子元素的宽度是一样的:
实例
Flex item 1
Flex item 2
Flex item 3
尝试一下 »
扩展
.flex-grow-1 用于设置子元素使用剩下的空间。以下实例中前面两个子元素只设置了它们所需要的空间,最后一个获取剩余空间。 :
实例
Flex item 1
Flex item 2
Flex item 3