欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于div中img,span垂直居中的問題

  發(fā)布時(shí)間:2016-09-26 11:22:43   作者:佚名   我要評論
下面小編就為大家?guī)硪黄P(guān)于div中img,span垂直居中的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

如下所示:

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  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里面所有元素,當(dāng)然包含了span,input,img這些內(nèi)聯(lián)元素了。

vertical-align
初始值: baseline(缺省值)
可否繼承:否
適用于: 內(nèi)聯(lián)元素
說明:vertical-align:baseline使元素的基線同父元素的基線對齊.
警告:vertical-align不能影響表格單元中的內(nèi)容的對齊,對于塊元素中的內(nèi)容也一樣.

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

以上就是小編為大家?guī)淼年P(guān)于div中img,span垂直居中的問題的全部內(nèi)容了,希望對大家有所幫助,多多支持腳本之家~

相關(guān)文章

最新評論