将文本字段中的占位符对齐HTML

我想是这样的图像。

我已经试过

::-webkit-input-placeholder { 
    left: 0px; 
    up: 0px; 
}

但它不工作。我很了解HTML，但我从来没有做过这样的事情。

我已经找到答案了！：D

所以，我只是将<input>更改为<textarea>。有了一点CSS，它看起来与输入字段完全相同。

非常感谢所有试图帮助我的人！

2016-01-21 16:27:17

您只能使用text-align: center|left|right改变输入的值/占位的对齐。

否则，你可以使用padding: 0 0 0 0;强制空间

信息：了是无效的CSS。正确的名称是顶部如果你想使用位置属性，如：right, left, bottom或top你必须设置position: absolute|fixed;

编辑：至于说在这里：https://stackoverflow.com/a/5677243/3119231可以设置"top"值通过line-height属性

2016-01-21 15:49:53 Maurize

我试着填充，但它不想移动... –

我们是在谈论一个textarea或输入？ – Maurize

我想对齐输入中的占位符（文本）。 –

我认为css定位可以提供帮助。相对或绝对的位置。根据你的容器，试着给一个位置样式。

编辑：或者你可以使用背景图像，而不是占位符。你可以通过javascript在鼠标上移除背景图片。

2016-01-21 15:53:23 oneNiceFriend

嗯....我想要最简单的可能:) –

不幸的是，你仅限于什么样式可以应用于placeholder伪元素。

它们是：

位置不是其中之一。

2016-01-21 16:09:03

洙...我不能这样做？ http://prntscr.com/9szgih：O –

不包含占位符伪元素。你可以尝试一个定位标签。 –

回答