div中img,span垂直居中的問題
阿新 • • 發佈：2018-11-02
<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等這些塊元素是無效的.