1.input輸入框文字靠右垂直居中。

2.placehoder提示同樣靠右垂直居中。(?placeholder是HTML5? input的新屬性，英文意思是占位符，它一般表示input輸入框的默認提示值。)

css代碼input {

text-align: right;

font-size:0.3rem;

width:100%;

height:0.78rem;

line-height:0.78rem;

}

瀏覽器渲染各種正常，然后在低版本(比如某三星的4.3)Android webview 渲染的時候，placeholder 跑偏了.....位于左上角，并且只是placeholder,輸入的時候正常居右垂直居中。

純css解決方案

第一步:實現placehoder垂直居中

css代碼input {

text-align: right;

font-size:0.3rem;

width:100%;

height:0.78rem;

padding:0.24rem 0;? //用padding實現居中而不是line-hieght

line-height:0.3rem;

box-sizing: border-box;

}

第二步:使用direction實現placehoder把文本方向設置為“從右向左”：input::-webkit-input-placeholder { /* WebKit browsers */ direction: rtl;}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ direction: rtl;}

input::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */ direction: rtl;}

input:-ms-input-placeholder { /* Internet Explorer 10+ */ direction: rtl;}

語法E::placeholder{ sRules }

相關參考

總結

以上是生活随笔為你收集整理的android怎么垂直居中且靠右,placeholder 靠右垂直居中/位置兼容的全部內容，希望文章能夠幫你解決所遇到的問題。

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