CSS multiple solutions square arrangement.

需求:某一个容器固定宽度为500px,假设有n个子元素横向排列(不确定个数)
1、每行只能显示3个子元素,且子元素与子元素之间的间距为10px
2、每行的第1个子元素和第3个子元素必须贴边排列显示

1、use inline-block layout.

2、use float layout.

3、use table-cell layout.

4、use flex layout.

5、use bootstrap grid system layout.