阅读目录 方法一：position加margin 方法二： diaplay:table-cell 方法三：position加 transform 方法四：flex;align-it ...

1、第一种：用vertical-align 2、第二种：flex布局（注意浏览器兼容性） 3、绝对定位的方式 4、使用display:table-cell配合vertical-align:center（淘宝也是这样用的） ...

上代码： 问题：如何让class为div2的内部容器上下左右居中 ...

（1）知道子元素的宽高 <!--父元素相对定位--> <!--子元素绝对定位--> .child{ position:absolute; top:50%; left:50%; margin-left:-50px ...

04-如何让一个元素水平垂直居中？ #前言 老板的手机收到一个红包，为什么红包没居中？ 如何让一个子元素在父容器里水平垂直居中？这个问题必考，在实战开发中，也应用得非常多。 你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经不起千锤百炼。换句话说：这些人也就面试的时候夸夸其谈 ...

1、水平居中 2、绝对定位水平垂直居中 3、水平垂直居中一 4、水平垂直居中二 5、flex 布局居中 ...

...

设置容器的浮动方式为绝对定位 然后确定容器的宽高 比如宽500 高 300 的层 然后设置层的外边距 ...