將input和img放同一行,img標簽總是比input高出一個頭,難看。后來在網站搜到最多的就是給img添加一個align="absmiddle"屬性,這個方法似乎的確可行,但是不符合HTML標準。后來發現同時給input和img添加vertical-align:middle就行:
在寫css時,使得input和img在同一行居中對齊的方法:
復制代碼代碼如下:
img{vertical-align:middle;}
input{width:寬度;height:高度;line-height:與高度一致;margin:0px;padding;0px;font-size:字體大小;border:邊框;vertical-align:center;}
或直接這樣寫
復制代碼代碼如下:
input,img{vertical-align:middle;}
新聞熱點
疑難解答