flexBox justify-content space-around

以 flex-direction: row 为参考。

space-around:每个子元素之间的距离相等,两端的子元素距离容器的距离也和其它子元素之间的距离相同。

1.Web

flex-direction: row;
justify-content: space-around;

2AF76947-A789-4ED4-BA28-CC8B0586FDCA

2.React Native

flexDirection: 'row',
justifyContent: 'space-around',

1889E7C2-834F-4FC3-8145-EBA26B02A793

3.微信小程序

flex-direction: row;
justify-content: space-around;

6BD23D48-EBBA-4C65-A799-F23D0319BB19