关于垂直居中

前端7班 陆恩泽
在网页布局中，我们经常需要对div区块，文本和图片进行垂直居中，以便达到美观的效果。上一次直播课中也讲到了这一个知识点。所以我讲具体的方法做一下整理。

文本垂直居中

有两种方法，（1）另行高line-height等于外层容器高度height; （2）上下padding设置相等。

图像垂直居中

方法一

display:table-cell;
vertical-align:middle;

方法二:在内层容器内加一个空元素.

.item2:before{ content: ''; display:inline-block; height: 100%; vertical-align: middle;}.item2 img{ vertical-align: middle;}

div区块居中

div{
margin：0 auto；
}

---

回来有点，先就这么多哈！