現(xiàn)在移動(dòng)互聯(lián)網(wǎng)的浪潮一波又一波，很多企業(yè)和個(gè)人都開始注重自己的移動(dòng)互聯(lián)網(wǎng)（當(dāng)然很多是已經(jīng)有了傳統(tǒng)的PC端的東西），比如我們最近接的很多項(xiàng)目都是傳統(tǒng)PC和移動(dòng)端同步做的，這也說明了移動(dòng)端在用戶心目中的重要性。

大家也清楚，因?yàn)楹芏嘁苿?dòng)設(shè)備上的瀏覽器都是一些現(xiàn)代瀏覽器，對(duì)HTML5和CSS3等新標(biāo)準(zhǔn)有著比PC上的一些老版本瀏覽器更好的支持，因此H5等技術(shù)標(biāo)準(zhǔn)也因此遍地開花。

而今天我們要講的一個(gè)問題就是：在安卓等移動(dòng)瀏覽器中placeholder中的文字不垂直居中問題；首先我們開看看具體的問題是什么，來看一張對(duì)比圖片。（左邊是Chrome調(diào)試的效果，也就是說在Chrome是沒有問題的；右邊是在一臺(tái)安卓手機(jī)的瀏覽器中的效果 ）。

通過上圖可以發(fā)現(xiàn)，右邊的明顯有問題，也就是沒有達(dá)到我們預(yù)期的效果，我們要的是里面文字垂直居中，而這里卻沒有；總之，就是出了異常問題了。

其實(shí)這就是行距l(xiāng)ine-height造成的，我們一般來美化input會(huì)用height、padding、line-height等屬性，但這里如果用了line-height就會(huì)造成這種異常?？梢杂胮adding等屬性來實(shí)現(xiàn)我們想要的效果，這里就是這么處理這個(gè)問題的。

我們來了解下placeholder，這是一個(gè)HTML5中新增加的一個(gè)屬性，placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息（hint）。 該提示會(huì)在輸入字段為空時(shí)顯示，并會(huì)在字段獲得焦點(diǎn)時(shí)消失。placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password。其實(shí)說白了，這里就可以替代我們?cè)贖TML5版本以前的時(shí)候我們使用JS來實(shí)現(xiàn)的一些效果。