再上html
把这些套入到html就可以看到效果了。如下图
最后总结一下那个公式
x = 10px; 即:想要的间距 y = 4 即:想要排列的个数 父级: width: calc(100% + (x * 2)); 子级: width: calc(((100% - (x * 2)) - x * ( y - 1)) / y );
推荐教程:《CSS教程》
以上就是CSS 布局之两端布局实现的详细内容,更多请关注其它相关文章!