css3 flexbox 布局的 justify-content

额,问题是这样的,w3cplus《Flexbox——快速布局神器 》里关于justify-content的示例效果,和我在code上写的不一样,
例如,justify-content:space-between在上面那个教程的效果如图所示
图片描述

space-between中,第一个子元素和最后一个子元素是紧贴着父元素的边缘(其实也就是紧贴主轴起点终点,但是我在codepen里面写的效果却不是这样的,如图所示
图片描述
我尝试了好久,第一个元素总是与主轴起点有间隔,请问一下大家这是怎么回事?
ps:事实上,如果把我的代码改成justify-content:flex-start也能看到我提到的问题.

回复
阅读 13.7k
1 个回答

有一层 ul 的 padding 没有去掉——请善用开发者工具。

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