haokur的博客

flex 布局很重要很核心的一个概念就是 , flex 是有两个轴, 一个主轴, 一个交叉轴. 主轴永远和交叉轴互相垂直; 在未对子元素设置任何样式时, 子元素在主轴的表现, 由子元素内容决定, 而在交叉轴上则是占满交叉轴, 即为交叉轴的 100%; 在 flex 遇到 margin 和定义宽度, 总是会遇到一些意料之外的表现. 所以尽量少的 flex 属性和其他...

margin 实现居中 在限定盒子宽度的前提下.<style> .conatiner{} .inner{ width:100px; height:100px; background:orange; margin-left:auto; margin-right:auto; ...