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中的中心对齐占位符问题的主要内容,如果未能解决你的问题,请参考以下文章

如何在占位符文本上启动光标位置中心反应原生?

当输入和占位符具有不同的字体大小时,输入的占位符在 Chrome 中未对齐

在文本字段中居中对齐占位符

UITextField 占位符对齐滚动问题

文本对齐:右;仅用于占位符?

在文本字段 HTML 内对齐占位符