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