flexbox如何只给一项子元素进行填充？

Question

align-content: stretch

可是我只想伸缩里面的一个标签元素，如何处理呢？

我用了flex的缩写属性，类似

flex:0 0 100%;

目前坐标结构是

flex-flow: row wrap;

求教。。。

Answer 1

align-content是控制弹性盒容器中每一行之间在垂直方向上的排布的，如果只有一行则无效。

如果你要单独控制某个子元素，你需要在的父容器上使用align-items属性来控制子元素的默认排布，然后在子元素上使用align-self来覆盖父容器的align-items的设置。

具体用法请自行搜索。

Answer 2

flex: 1 0;

第一项为伸缩比例。