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

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

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

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

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

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