如下所示：
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <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>
請(qǐng)注意：#test *{vertical-align:middle;}s
#test *表示了div里面所有元素,當(dāng)然包含了span,input,img這些內(nèi)聯(lián)元素了。
vertical-align
初始值： baseline（缺省值）
可否繼承：否
適用于： 內(nèi)聯(lián)元素
說(shuō)明：vertical-align:baseline使元素的基線同父元素的基線對(duì)齊．
警告：vertical-align不能影響表格單元中的內(nèi)容的對(duì)齊，對(duì)于塊元素中的內(nèi)容也一樣．
請(qǐng)注意：vertical-align只影響內(nèi)聯(lián)元素,比如span,img,em,input,a等這些元素，而對(duì)div,h3,p等這些塊元素是無(wú)效的。
以上就是小編為大家?guī)?lái)的關(guān)于div中img,span垂直居中的問(wèn)題的全部?jī)?nèi)容了，希望對(duì)大家有所幫助，多多支持~
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。