关于垂直居中

前端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;
}

回来有点,先就这么多哈!

你可能感兴趣的:(关于垂直居中)