欢迎大家先来看看我的水平居中篇:http://www.cnblogs.com/cuncunjun/p/6549955.html
首先要清楚一个问题,什么时候你会要设置垂直居中?大家不要被各种例子弄晕头,静下心来想一想!
? 一个父元素,如果不设置高度的话,默认就是紧包着子元素,如果你的padding-top和padding-bottom是相等,那么这本身就是一个垂直居中的效果!!!!!
? 当然,如果你的子元素并不独占一行,而是行内元素和inline-block元素的话就不一样了。比如下面这个例子:
<div id="container"> <span>aaaaaaaaaaaa我我我</span> <img src="1.jpg" width="100px"/><img src="1.jpg" width="120px"/></div>
这涉及到一个知识点,就是line-box原理。详情可见张鑫旭老师的博客:
网友评论