有关div中img,span竖直垂直居中的难题

以下所示：

XML/HTML Code拷贝內容到剪贴板
  1. <html>  
  2. <head>  
  3. <style>  
  4. #test *{vertical-align:middle;}   
  5. </style>  
  6. <body>  
  7. <div  
  8. id="test">  
  9. <img  
  10. src="http://127.0.0.1:7001/wsc/images/message.png"/>  
  11. <span>sdfhsdhfdksfjhtes:</span>  
  12. </div>  
  13. </body>  
  14. </html>  

请留意：#test *{vertical-align:middle;}s

#test *表明了div里边全部元素,自然包括了span,input,img这些内联元素了。

vertical-align
原始值：　baseline（缺省值）
可否承继：否
可用于：　内联元素
表明：vertical-align:baseline使元素的基准线同父元素的基准线对齐．
警示：vertical-align不可以危害报表模块中的內容的对齐，针对块元素中的內容也1样．

请留意：vertical-align只危害内联元素,例如span,img,em,input,a等这些元素，而对div,h3,p等这些块元素是失效的。

以上便是网编为大伙儿带来的有关div中img,span竖直垂直居中的难题的所有內容了，期待对大伙儿有一定的协助，多多适用脚本制作之家~