记录一下,坑我好一会儿了
正常我们期望
justify-content: space-between;
得到的结果是
但是有时候设置了,会变成这样
原因一:子元素设置了 margin:auto,注意:margin-left/right auto 这些是没问题的
原因二:盒子本身伪类选择器 被设置成了如下样式
解决方案: content: normal; 即可解决
更多推荐
关于flexbox属性justify-content失效原因终于找到了【坑点】
记录一下,坑我好一会儿了
正常我们期望
justify-content: space-between;
得到的结果是
但是有时候设置了,会变成这样
原因一:子元素设置了 margin:auto,注意:margin-left/right auto 这些是没问题的
原因二:盒子本身伪类选择器 被设置成了如下样式
解决方案: content: normal; 即可解决
更多推荐
关于flexbox属性justify-content失效原因终于找到了【坑点】
发布评论