DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 同一行的圖片和文字巧妙的居中對齊的解決方法
同一行的圖片和文字巧妙的居中對齊的解決方法
編輯:CSS詳解     
本文給大家介紹的是如何讓同一行的圖片和文字巧妙的居中對齊的方法,思路非常好,這裡分享給大家,希望大家能夠喜歡。

Html


復制代碼代碼如下:
<div class="vm">
<span>
我是文字
</span>
<img src="圖片地址" />
</div>

CSS


復制代碼代碼如下:
.vm *{display:inline-block;vertical-align:middle}

以上就是本文的全部內容了,希望能對大家有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved