CSS布局之两端布局实现

这篇文章主要介绍了css布局之两端布局（应用父级负的margin）的实例代码，本文通过实例代码给大家介绍的非常细致，对大家的学习或工作拥有一定的参照 借鉴价值,需要的伴侣可以参照 下 先上css

再上html

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

最后总结一下阿谁公式

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

举荐教程：《CSS教程》

以上就是CSS 布局之两端布局实现的细致内容，更多请关注 百分百源码网 其它相干文章！