图片和span水平垂直居中

标签：name   cal   png   ext   img   tag   技术   水平   style   

1. <style type="text/css">  
2. .content{  
3.     width:20%;  
4.     height:60px;  
5.     border:1px solid red;  
6.     text-align:center;}  
7. span{  
8.     height:100%;  
9.     vertical-align:middle;  
10.     line-height:60px;}  
11. img{  
12.     vertical-align:middle;}  
13. </style>  
14. <div class="content">  
15.     <img src="1.jpg">  
16.     <span>测试一下吧</span>  
17. </div> 
18.   

     

图片和span水平垂直居中

标签：name   cal   png   ext   img   tag   技术   水平   style   

原文地址：http://www.cnblogs.com/lulin1/p/7000366.html