現在移動互聯網的浪潮一波又一波，很多企業和個人都開始注重自己的移動互聯網(當然很多是已經有了傳統的PC端的東西)，比如我們最近接的很多項目都是傳統PC和移動端同步做的，這也說明了移動端在用戶心目中的重要性。

大家也清楚，因為很多移動設備上的瀏覽器都是一些現代瀏覽器，對HTML5和CSS3等新標準有著比PC上的一些老版本瀏覽器更好的支持，因此H5等技術標準也因此遍地開花。

而今天我們要講的一個問題就是：在安卓等移動瀏覽器中placeholder中的文字不垂直居中問題；首先我們開看看具體的問題是什么，來看一張對比圖片。(左邊是Chrome調試的效果，也就是說在Chrome是沒有問題的；右邊是在一臺安卓手機的瀏覽器中的效果 )。

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

其實這就是行距line-height造成的，我們一般來美化input會用height、padding、line-height等屬性，但這里如果用了line-height就會造成這種異常。可以用padding等屬性來實現我們想要的效果，這里就是這么處理這個問題的。

我們來了解下placeholder，這是一個HTML5中新增加的一個屬性，placeholder 屬性提供可描述輸入字段預期值的提示信息(hint)。 該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。placeholder 屬性適用于以下的 類型：text, search, url, telephone, email 以及 password。其實說白了，這里就可以替代我們在HTML5版本以前的時候我們使用JS來實現的一些效果。

總結

以上是生活随笔為你收集整理的android多行文本框hint居中,在安卓等移动浏览器中placeholder中的文字不垂直居中问题...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。