div里内容垂直居中

div里内容垂直居中

页面制作中经常遇到一个问题，那就是如何让内容垂直居中，小编发现有两种方法可以实现哦。为了方便大家理解，小编也会把代码粘贴出来的

新建html页面，并在页面上添加div，为了区分明显已对div设置了边框。效果如图所示

方法1：设置行高（line-height）和垂直（vertical-align）对齐方式让div的内容垂直居中。效果如图

方法二：设置内边框（padding-top）让div里内容垂直居中。

需注意：由于padding-top会把div增高，所以使用时需要把div的高度相应的减少。 效果如图：

对应代码：