CSS布局之两端布局实现

再上html

把这些套入到html就可以看到效果了。
如下图

最后总结一下那个公式

x = 10px; 即：想要的间距
y = 4     即：想要排列的个数
父级：  width: calc(100% + (x * 2));
子级：  width: calc(((100% - (x * 2)) - x * ( y - 1)) / y );

推荐教程：《CSS教程》

以上就是CSS 布局之两端布局实现的详细内容，更多请关注 第一PHP社区 其它相关文章！