首頁 > web前端 > html教學 > 使用vertical-align實作input和img對齊_HTML/Xhtml_網頁製作

使用vertical-align實作input和img對齊_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:36:45
原創
1250 人瀏覽過

將input和img放同一行,img標籤總是比input高出一個頭,非常難看。之前試過好多方法,都不行。後來在網站搜到最多的就是為img增加一個align="absmiddle"屬性,這個方法似乎的確可行,但是不符合HTML標準。後來無意中發現同時給input和img添加vertical-align:middle就行:


複製代碼
代碼如下:

input,img{vertical-align:middle;}

這樣程式碼就會規規矩矩地水平對齊了。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板