css学习（三）多行文本的垂直居中和 img 与 div 存在空隙的解决

一、多行文本的垂直居中几种实现方式：

1、近似居中：

	    <div class="wrap">
		    <p>中国专业IT社区优快云 (Chinese Software Developer Network) 创立于1999年，致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。</p>
		</div>

*{margin:0px;padding:0px}
		    .wrap{
			    width:200px;
				height:200px;  /***line-height:200px;和height一样，此处可省略***/
				border:1px solid red;
				margin:20px auto;
				line-height:200px;
			}
			.wrap p{
			    display:inline-block;
				line-height:1.6;
				vertical-align:middle;/***不加这个整个文本不是近似居中，而是靠上，只有最后一行近似居中；***/
			}

结果如下：

2、行盒最后增加一个font-size:0；属性的行内元素；

<div class="wrap">
	<img src="222.jpg">
	<i>&nbsp;</i>
&