对于所有默认输入,您填写的文本从左侧开始。怎么让它从右边开始?
当前回答
给你:
输入[type=text] {text-align:right} < >形式 <input type="text" name="name" value=""> . > < /形式
其他回答
没有CSS: 使用文本输入的STYLE属性
风格= " text-align:权利;"
在你的CSS中试试这个:
input {
text-align: right;
}
要使文本在中间对齐:
input {
text-align: center;
}
但是,它应该是左对齐的,因为这是默认的-并且看起来是最用户友好的。
给你:
输入[type=text] {text-align:right} < >形式 <input type="text" name="name" value=""> . > < /形式
以下方法可能对你有用:
<style>
input {
text-align: right !important;
}
textarea{
text-align:right !important;
}
label {
float: right !important;
}
</style>
这里公认的答案是正确的,但我想补充一点信息。如果你正在使用一个库/框架,如bootstrap,可能有内置的类。例如,bootstrap使用text-right类。像这样使用它:
<input type="text" class="text-right"/>
<input type="number" class="text-right"/>
值得注意的是,这也适用于其他输入类型,如上面所示的数字。
如果你没有使用bootstrap这样的框架,那么你可以创建自己版本的这个helper类。类似于其他答案,但我们不打算直接将其添加到输入类中,因此它不会应用于您网站或页面上的每个输入,这可能不是理想的行为。所以这将创建一个很好的简单的css类来对齐东西,而不需要内联样式或影响每个输入框。
.text-right{
text-align: right;
}
现在你可以使用class="text-right"和上面的输入完全一样的方法来使用这个类。我知道这并没有节省很多按键,但它使你的代码更干净。