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