前端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;
}
回来有点,先就这么多哈!