有关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竖直垂直居中的难题的所有內容了,期待对大伙儿有一定的协助,多多适用脚本制作之家~