请教一个css的样式问题

phone

像这样子移动端375px的布局,黑色是菜单100px,然后天蓝色是两边的等距20px,剩下中间就是235px了,有一些70px的分类,一行放三个,那么不止一行的情况下中间黑色箭头的距离25px该怎么等分呢?求大佬指点!

阅读 2.9k
4 个回答

Display:flex

了解一下,盒子布局的一个主流选择
Flex 有6个属性,可以根据需要设置不同的排列方式,可以有效减少对间距调整的苦恼。
但是稍微老一点的浏览器可能就兼容不太友好。

25/3,对这种问题纠结没必要。
为什么侧边的菜单不能是 105 呢。

知道间距的情况下可以用:nth-child()选择器

div:nth-child(3n+1),div:nth-child(3n+2){
    margin-right: 12.5px;
} 

那就用定位吧,三个一行为一组,第一第三绝对定位到最左右,中间的可以用定位可以用flex居中

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题