img和input對齊的解決方法

• 可能很些朋友會發現一般情況下我們把css與input放在一起時會高低不同，下面我來介紹css中使用input與img(圖片)在同一行居中對齊實現方法。

   

  將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;}