块级盒子水平垂直居中

 一、利用定位(子绝父相)

           1.有固定的宽高(方法一)

                 注:left,right 百分比的时候参考的是父盒子宽;top,bottom 百分比的时候参考的是父盒子高,margin百分比参考的是父盒子的宽

块级盒子水平垂直居中

             2.有固定的宽高(方法二)

块级盒子水平垂直居中

二、弹性盒子

块级盒子水平垂直居中

三、通过transform : translate();

             可以不用设置宽高

                       注:translate的百分比参考自身

块级盒子水平垂直居中

          

上一篇:linux 命令制作U盘启动盘


下一篇:transform.Translate来控制物体移动的一个坏处,无法实现真正的物理施力、碰撞反弹等状况