使用vertical-align實現input和img對齊
來源:懂視網
責編:小采
時間:2020-11-27 14:44:18
使用vertical-align實現input和img對齊
使用vertical-align實現input和img對齊:將input和img放同一行,img標簽總是比input高出一個頭,非常難看。之前試過好多方法,都不行。后來在網站搜到最多的就是給img添加一個align="absmiddle"屬性,這個方法似乎的確可行,但是不符合HTML標準。后來無意中發現同時給input和img
導讀使用vertical-align實現input和img對齊:將input和img放同一行,img標簽總是比input高出一個頭,非常難看。之前試過好多方法,都不行。后來在網站搜到最多的就是給img添加一個align="absmiddle"屬性,這個方法似乎的確可行,但是不符合HTML標準。后來無意中發現同時給input和img

將input和img放同一行,img標簽總是比input高出一個頭,非常難看。之前試過好多方法,都不行。后來在網站搜到最多的就是給img添加一個align="absmiddle"屬性,這個方法似乎的確可行,但是不符合HTML標準。后來無意中發現同時給input和img添加vertical-align:middle就行:
代碼如下:
input,img{vertical-align:middle;}
這樣代碼就會規規矩矩地水平對齊了。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
使用vertical-align實現input和img對齊
使用vertical-align實現input和img對齊:將input和img放同一行,img標簽總是比input高出一個頭,非常難看。之前試過好多方法,都不行。后來在網站搜到最多的就是給img添加一個align="absmiddle"屬性,這個方法似乎的確可行,但是不符合HTML標準。后來無意中發現同時給input和img