簡單使文字與圖片一起時垂直居中的辦法
發(fā)布日期:[2012/10/16] 編輯:奇億廣州網(wǎng)站建設(shè)
不少站長在編輯內(nèi)容時,經(jīng)常會遇到當(dāng)輸入文字與插入圖片一起時,文字將與圖片底部一起平行,但很多時候我們需要看到圖片和文字是垂直居中的效果,那怎么辦呢?
搜索了下網(wǎng)上也有很多辦法,可都比較復(fù)雜,我們在編輯內(nèi)容時只是想簡單的使文字與圖片一起垂直居中,本文介紹個簡單方法即可實現(xiàn):
<div>asdghadfhsdfh<img src="http://www.STUDSTU.com/logo.gif" style="vertical-align:middle" /></div>
也就是設(shè)置圖片一個樣式vertical-align:middle,讓其自動居中于垂直位置,這樣文字和圖片都是垂直居中的了。
感謝本文由廣州網(wǎng)站建設(shè)http://www.studstu.com提供。