div里面的div垂直居中，怎么让div垂直居中

如何将一个div水平垂直居中

HTML：body div class=maxbox div class=minbox align-center/div /div /body第一种： CSS绝对定位主要利用绝对定位，再用margin调整到中间位置。

让一个DIV水平居中，直接用CSS就可以做到。只要设置了DIV的宽度，然后使用margin设置边距0 auto，CSS自动算出左右边距，使得DIV居中。

实现原理：将div元素设置为绝对定位，然后设置它的left和right属性值分别为50%，这个时候div并没有居中，居中的是div的左上角，所以我们还需要再将其向上和向左拉动一定的距离即可，这个距离分别是高度和宽度的一半。

} 以上代码可以将子div在父div中水平垂直居中对齐，下面就简单介绍一下几个要点：父元素是使用相对定位，这样子元素就可以以它作为位移参考对象。具体可以参阅CSS的绝对定位 。

div垂直居中的几种方式

1、有以下三种方法：设置div的height和line-height值设置为相同的数值，只需要一个div即可。

2、定位法 顾名思义，定位法是利用CSS定位属性position对元素进行定位的方法，也属于模拟方法，不过它对IE的支持还是不错的。

3、若有两个div，里面小的div相对于外面大的div水平垂直居中对齐，有以下几种方法。方法一：利用position和margin：auto实现。父元素设置position：relative；子元素设置position：absolute，并设置top，left，right，bottom值相等。

css如何实现图片在div中垂直居中

1、正确的方法应该是 this.style.pixelTop属性，这样取出来的才是数字。

2、方法一：思路：利用text-align属性将图片水平居中，然后设置padding-top的值使其垂直居中。

3、在一个容器里再定义一个绝对定位的p容器，再在p容器里放需要垂直居中的图片，图片定义相对定位的CSS。

4、设置imgBox的样式如下：此时的效果如下：（图片在容器内，水平居中）css图片垂直居中。css代码如下，使用flex布局实现。页面代码HTML如下：此时的效果如下：（垂直居中） css图片水平垂直居中。