flexBox justify-content space-between

以 flex-direction: row 为参考。

space-between:两端对齐,除了两端的子元素分别靠向两端的容器之外,其他子元素之间的间隔都相等。

1.Web

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

628F8547-1972-4330-AA34-723363B5559F

2.React Native

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

CE6ED189-1C12-4F72-9881-8D2E7FFAA410

3.微信小程序

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

6C9EC58F-E6A9-48D9-8E76-91282C0C3C5F