原理： 利用vertical-align实现垂直，决定行高的是行内最高的元素的值 <div class="logo"> <span></span><img src="images/logo.jpg" />&l

原理： 利用vertical-align实现垂直，决定行高的是行内最高的元素的值

 <div class="logo">  <span></span><img src="images/logo.jpg" /></div>

CSS 代码

.logo{ width:1000px; margin-left:auto; margin-right:auto; line-height:120px; height:120px; }.logo span{ height:100%; vertical-align:middle; display:inline-block}.logo img{vertical-align:middle;}

上一篇：CSS伪类before,after制作左右横线文字效果 下一篇：手机网站的好处体现在哪些方面