清除内外边距后再自己画样式比较方便察看
*{margin:0;padding:0}
长江后浪推前浪,后浪死在沙滩上
flex布局的诞生几乎代替了float的一般应用,假如你很喜欢用float,为了更好的贴合实际还是要转变一下观念多用用flex的呢,诗和远方,越远越脏~
just-content调整主轴方向排列(有水平垂直两种主轴哦!)居中的话一般还加个align-item:center 纵横都居中 就是水平垂直居中啦
margin:0px空格auto只能水平居中啦!不是我在水字数(真的不是
just-content:space-around 这个排列方式就是父元素把子元素包起来通过相等的间隔和均匀的分布突出子元素的排列方式
水平方向两端对齐垂直方向居中和水平垂直居中是不一样的!水平垂直居中的子元素会聚在一起,看起来就像一个整体。两端对齐垂直居中的子元素会在中间从主轴方向头到尾分成子元素数量的多个单位,头和尾优先!
flex里面不给高度怎么居中呢? 给padding 上下x左右零呀 ?也可以叭, 如果感觉space-around后的文字排列过于紧凑了也可以尝试调大高度哦
align-content:多轴线对齐值跟justify-content不一样,不一样!
align-content:center、flex-end、flex-start、space-around、space-between、stretch
<