如下所示:
XML/HTML Code復制內容到剪貼板
- <html>
- <head>
- <style>
- #test *{vertical-align:middle;}
- </style>
- <body>
- <div
- id="test">
- <img
- src="http://127.0.0.1:7001/wsc/images/message.png"/>
- <span>sdfhsdhfdksfjhtes:</span>
- </div>
- </body>
- </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垂直居中的問題的全部內容了,希望對大家有所幫助,多多支持~
【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。