DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 關於div中img,span垂直居中的問題
關於div中img,span垂直居中的問題
編輯:HTML和Xhtml     

如下所示:

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不能影響表格單元中的內容的對齊,對於塊元素中的內容也一樣.

請注意:vertical-align只影響內聯元素,比如span,img,em,input,a等這些元素,而對div,h3,p等這些塊元素是無效的。

以上就是小編為大家帶來的關於div中img,span垂直居中的問題的全部內容了,希望對大家有所幫助,多多支持腳本之家~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved