在寫小(xiǎo)程序時，發現輸入框與文本對齊運行到微信開(kāi)發者工(gōng)具上正常但到手機上卻不正常。需要注意這是由于字體(tǐ)大(dà)小(xiǎo)不同造成的。

1.在編寫時應該使文本與輸入框底部對齊，以确保實際運行出來不出錯。

2.輸入框中(zhōng)的提示文本用普通的class無法改變字體(tǐ)大(dà)小(xiǎo)，可以嘗試設置placeholder-style設置字體(tǐ)大(dà)小(xiǎo)。

3.輸入框與文本可以用彈性盒子居中(zhōng)對齊，display：flex；align-items：center；

4.爲了讓文本和輸入框對齊，可以對它們分(fēn)别設置相同的line-height。（個人認爲這種方法比設置彈性盒子更有效，更準确）

原文鏈接：https://blog.csdn.net/lisijienumber/article/details/129377911