一、按比例划分 <div class="test"> <p id="p1">Hello</p> <p id="p2">W3School</p> </div> <style> .test{ display ...

一、flex-direction: （元素排列方向） ※ flex-direction:row （横向从左到右排列==左对齐） ※ flex-direction:row-reverse （与row 相反） ※ flex-direction:column （从上往下排列==顶对齐 ...

先说一下flex一系列属性： 一、flex-direction: （元素排列方向） ※ flex-direction:row （横向从左到右排列==左对齐） 　　　　　　 　　　　※ flex-direction:row-reverse （与row 相反 ...

先说一下flex一系列属性： 一、flex-direction: （元素排列方向） ※ flex-direction:row （横向从左到右排列==左对齐） 　　　　　　 　　　　※ flex-direction:row-reverse （与row 相反 ...

...

先看上面的代码，解释一下意思，看你能认识多少（后面有注释）： 1，什么是主轴，什么是交叉轴？ 下面就给你解释一下上面的问题，咱们先看图： 1，水平主轴就是图中的（main axis）线标出的 2，垂直交叉轴就是（cross axis）线标出的 那其他的又是什么？ 看下 ...

加上这两个就行 display:-webkit-box; 显示成盒子模式 -webkit-box-align:center; 垂直居中 -webkit-box-pack:center; 水平居中 注意浏览器兼容前缀噢~ ...

大部分的登陆页面都需要登录框保持在屏幕中间。 以前都是通过JS来获取实时的页面大小，改变元素的位置。 现在可以直接使用CSS3保持水平垂直居中 首先要让html,body元素铺满整个页面 然后整个登陆框的div元素加入居中的代码 ...