主頁(yè) > 知識(shí)庫(kù) > 關(guān)于div中img,span垂直居中的問(wèn)題

關(guān)于div中img,span垂直居中的問(wèn)題
熱門標(biāo)簽：地圖標(biāo)注地點(diǎn)下載 商丘電話自動(dòng)外呼系統(tǒng)怎么收費(fèi) 400電話是在哪里申請(qǐng) 周口導(dǎo)航地圖標(biāo)注 默納克系統(tǒng)外呼顯示inns 東莞人工外呼系統(tǒng)多少錢 朝陽(yáng)自動(dòng)外呼系統(tǒng) 400電話辦理尚景 昌邑外呼系統(tǒng)

如下所示：

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>  

請(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ì)大家有所幫助，多多支持腳本之家~

標(biāo)簽：銅陵 福建 沈陽(yáng) 湖南 健身房 那曲 阿拉善盟 揭陽(yáng)

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《關(guān)于div中img,span垂直居中的問(wèn)題》，本文關(guān)鍵詞  關(guān)于,div,中,img,span,垂直,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《關(guān)于div中img,span垂直居中的問(wèn)題》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于關(guān)于div中img,span垂直居中的問(wèn)題的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章