需求:某一个容器固定宽度为500px,假设有n个子元素横向排列(不确定个数)
1、每行只能显示3个子元素,且子元素与子元素之间的间距为10px
2、每行的第1个子元素和第3个子元素必须贴边排列显示
1、use inline-block layout.
- test1
- test2
- test3
- test4
- test5
- test6
- test7
- test8
- test9
2、use float layout.
- test1
- test2
- test3
- test4
- test5
- test6
- test7
- test8
- test9
3、use table-cell layout.
- test1
- test2
- test3
- test4
- test5
- test6
- test7
- test8
- test9
4、use flex layout.
- test1
- test2
- test3
- test4
- test5
- test6
- test7
- test8
- test9
5、use bootstrap grid system layout.
- test1
- test2
- test3
- test4
- test5
- test6
- test7
- test8
- test9