首頁  >  文章  >  web前端  >  vertical-align實作input和img對齊

vertical-align實作input和img對齊

高洛峰
高洛峰原創
2017-02-25 14:21:391559瀏覽

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

input,img{vertical-align:middle;}

這樣程式碼就會規規矩矩地水平對齊了。

更多使用vertical-align實作input和img對齊相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn