像这样子移动端375px的布局,黑色是菜单100px,然后天蓝色是两边的等距20px,剩下中间就是235px了,有一些70px的分类,一行放三个,那么不止一行的情况下中间黑色箭头的距离25px该怎么等分呢?求大佬指点!
像这样子移动端375px的布局,黑色是菜单100px,然后天蓝色是两边的等距20px,剩下中间就是235px了,有一些70px的分类,一行放三个,那么不止一行的情况下中间黑色箭头的距离25px该怎么等分呢?求大佬指点!
Display:flex
了解一下,盒子布局的一个主流选择
Flex 有6个属性,可以根据需要设置不同的排列方式,可以有效减少对间距调整的苦恼。
但是稍微老一点的浏览器可能就兼容不太友好。
25/3,对这种问题纠结没必要。
为什么侧边的菜单不能是 105 呢。
知道间距的情况下可以用:nth-child()选择器
div:nth-child(3n+1),div:nth-child(3n+2){
margin-right: 12.5px;
}
3 回答5.2k 阅读✓ 已解决
5 回答2.1k 阅读
2 回答2k 阅读✓ 已解决
1 回答3.1k 阅读✓ 已解决
3 回答2.5k 阅读
2 回答1.1k 阅读✓ 已解决
2 回答2.2k 阅读
让CSS flex布局最后一行列表左对齐的N种方法
加油吧!