如下所示：
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垂直居中的問題的全部內容了，希望對大家有所幫助，多多支持腳本之家~
