div垂直中央
以下是div垂直居中对齐代码的示例：
前端效果如下图所示。
如图所示，div文本垂直居中。 其主要属性是line-height。
line-height属性设置行距的间隔(行高，即垂直)。
line-height属性影响行边框的计划。 应用于块级元素时，元素中基线之间的最小间隔是定义的，而不是最大间隔。
line-height和font-size的计算值之差(在CSS中为“行距”)分为一半，分别添加在一行文本的内容之上和之下。 可以包含这些内容的最小边框是行边框。 原始数字指定比例因子，后代元素继承比例因子而不是计算值。
将此处设置的高度height:500px更改为200px，可以获得以下效果：
假设此处不设置高度height，但设置line-height:200px； 效果如下。
此时发现红色背景的div的高度为400px。
线路高度和高度的区别：
简单来说，line-height是行高的意思，height是定义元素本身的高度。
如上所述，当我们想完成div内容的垂直中央效应时，需求使线高和高的值产生了分歧。
cssdiv水平垂直居中的六种方法
通常，我们经常会遇到将div盒相对于某个模块上下左右居中(水平、垂直、中央)，但实际上对于这种情况，我们可以通过几种方法来实现。
方法一：
绝对定位方法：不确定目前div的宽度和高度，采用transform3360translate(-50%，-50% )。 当前div的父级附加相对位置(位置： relative； ）
显示图像：
代码如下。
div{
后台： red；
位置： absolute；
left:50%；
top:50%；
传输：传输(-50%、-50%；
}
方法二：
绝对对齐方法：确定当前div的宽度。 margin值是当前div宽度一半的负值
照片展示：如方法1的照片展示
代码如下。
div{
width:600px；
height:600px；
后台： red；
位置： absolute；
left:50%；
top:50%；
玛格琳- left :-300 px；
margin-top:-300px；
}
方法3 :
绝对对齐方法：在绝对对齐中，topleftrightbottom均设置为0
照片展示：如方法1的照片展示
代码如下。
我是子类