图标和文字对齐

 

< div >   
< div > 文字与图片对齐方式 < span  style ="vertical-align:middle;"  mce_style ="vertical-align:middle;" >< img  src ="b-grade.png"  mce_src ="b-grade.png" ></ span ></ div >   
< br >   
< div > 文字与图片对齐方式 < span  style ="vertical-align:baseline"  mce_style ="vertical-align:baseline" >< img  src ="b-grade.png"  mce_src ="b-grade.png" ></ span ></ div >   
< br >   
< div > 文字与图片对齐方式 < img  src ="b-grade.png"  mce_src ="b-grade.png" ></ div >   
< br >   
< div > 文字与图片对齐方式 < span  style ="vertical-align:bottom"  mce_style ="vertical-align:bottom" >< img  src ="b-grade.png"  mce_src ="b-grade.png" ></ span ></ div >   
< br >   
< div > 文字与图片对齐方式 < span  style ="vertical-align:sub"  mce_style ="vertical-align:sub" >< img  src ="b-grade.png"  mce_src ="b-grade.png" ></ span ></ div >   
< br >   
< div > 文字与图片对齐方式 < span  style ="vertical-align:super"  mce_style ="vertical-align:super" >< img  src ="b-grade.png"  mce_src ="b-grade.png" ></ span ></ div >   
< br >   
< div > 文字与图片对齐方式 < span  style ="vertical-align:text-bottom"  mce_style ="vertical-align:text-bottom" >< img  src ="b-grade.png"  mce_src ="b-grade.png" ></ span ></ div >   
< br >   
< div > 文字与图片对齐方式 < span  style ="vertical-align:text-top"  mce_style ="vertical-align:text-top" >< img  src ="b-grade.png"  mce_src ="b-grade.png" ></ span ></ div >   
< br >   
< div > 文字与图片对齐方式 < span  style ="vertical-align:top"  mce_style ="vertical-align:top" >< img  src ="b-grade.png"  mce_src ="b-grade.png" ></ span ></ div >   
</ div >   

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/suelu/archive/2011/01/07/6123009.aspx

 

转载于:https://www.cnblogs.com/xuanyuge/archive/2011/05/18/2050163.html