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