多列布局的均匀分布

来源:互联网 发布:手机越狱软件下载 编辑:程序博客网 时间:2024/06/06 08:38

状况描述:想将多个span标签规划为每行四个的样式。
解决方案:计算每个span的宽、border、margin以及父容器的padding,加起来要恰好等于视口宽度。如果代码里span标签用回车换行分隔开,在页面上会体现出计划之外的间距,可给父容器添加一条font-size:0;每一行最后一个span的margin-right也要设为0。

原创粉丝点击