android中的中心对齐占位符问题
Posted
技术标签:
【中文标题】android中的中心对齐占位符问题【英文标题】:Center align placeholder issue in android 【发布时间】:2013-09-29 17:01:27 【问题描述】:在我的 android 应用程序中有 webview 来显示 html。 在 webview 中,对于输入字段,我们希望占位符居中对齐。 摆放方式
-webkit-input-placeholder text-align: center;
但占位符未对齐中心。当我们测试时,它在浏览器上运行良好。 有人可以帮我吗?
【问题讨论】:
【参考方案1】: ::-webkit-input-placeholder text-align: center;
试试这个。
或者
<!DOCTYPE html>
<html>
<head>
<style>
input::-webkit-input-placeholder
text-align: center;
</style>
</head>
<body>
<input type="text" placeholder="asdf" />
</body>
</html>
【讨论】:
您好,很抱歉给您带来不便,因为您的建议。我编辑了我的问题。谢谢。 不走运,它不适用于 android,并且在 android 设备上仍然显示为左对齐。 @Pankaj 兄弟。我给你一个新的答案试试这个。 并检查此链接***.com/questions/7381446/… 还有人有什么建议吗?我也遇到了完全相同的问题。它以浏览器为中心,但不在 android webview 中。【参考方案2】:Android在这里有一个错误:(,居中不起作用。你可以使用这个polyfill:https://github.com/diy/jquery-placeholder,它支持“force”属性。这个属性使它甚至可以在“支持”占位符的浏览器上运行,像安卓。
$('#myInput').placeholder(force:true);
然后使用常规的 CSS 来设置插件提供的占位符类的样式
.placeholder
text-align: center;
【讨论】:
以上是关于android中的中心对齐占位符问题的主要内容,如果未能解决你的问题,请参考以下文章