作者:萧海豚泳_756 | 来源:互联网 | 2020-09-18 04:57
这篇文章主要介绍了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 布局之两端布局实现的详细内容,更多请关注 第一PHP社区 其它相关文章!