同一行的圖片和文字巧妙的居中對(duì)齊的解決方法
發(fā)布時(shí)間：2015-03-16 10:25:11 作者：佚名 
我要評(píng)論
我要評(píng)論本文給大家介紹的是如何讓同一行的圖片和文字巧妙的居中對(duì)齊的方法，思路非常好，這里分享給大家，希望大家能夠喜歡。
HTML
復(fù)制代碼
代碼如下:<div class="vm">
<span>
我是文字
</span>
<img src="圖片地址" />
</div>
CSS
復(fù)制代碼
代碼如下:.vm *{display:inline-block;vertical-align:middle}
以上就是本文的全部?jī)?nèi)容了，希望能對(duì)大家有所幫助。
相關(guān)文章
CSS解決文字與圖片不能水平居中對(duì)齊的問(wèn)題
在文字旁邊加上一個(gè)圖標(biāo)，通過(guò)css如何解決文字與圖片不能水平居中對(duì)齊的問(wèn)題，下面有個(gè)示例，大家可以參考下2014-05-31- 當(dāng)文字和圖片出現(xiàn)在同一行或者同一個(gè)div里面的時(shí)候，在瀏覽器中運(yùn)行出來(lái)的顯示效果往往是在不同的行，那么我們?cè)趺床拍茉赾ss中控制他們?cè)谕恍酗@示呢2014-06-15