在你的CSS中试试这个:

input {
text-align: right;
}

要使文本在中间对齐:

input {
text-align: center;
}

但是，它应该是左对齐的，因为这是默认的-并且看起来是最用户友好的。

在CSS中使用text-align属性:

input { 
    text-align: right; 
}

这将在页面的所有输入中生效。 否则，如果你只想对齐一个输入的文本，设置样式为inline:

<input type="text" style="text-align:right;"/> 

如果你想让它在文本失去焦点后向右对齐，你可以尝试使用方向修饰器。这将显示文本在失去焦点后的正确部分。例如，如果你想在一个大的路径中显示文件名，这很有用。

输入。rightAligned { 方向:ltr; 溢出:隐藏; ｝ input.rightAligned:没有(焦点){ 方向:rtl; text-align:左; unicode-bidi:明文; 文本溢出:省略; ｝ < >形式 <input type="text" class=" rightalign "name ="name" value=""> . > < /形式

not选择器目前得到了很好的支持:浏览器支持

给你:

输入[type=text] {text-align:right} < >形式 <input type="text" name="name" value=""> . > < /形式

在你的CSS中试试这个:

input {
text-align: right;
}

要使文本在中间对齐:

input {
text-align: center;
}

但是，它应该是左对齐的，因为这是默认的-并且看起来是最用户友好的。

引导5现在class="text-end":

<link href=“https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css” rel=“stylesheet” integrity=“sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC” crossorigin=“anonymous”> <input step=“any” id=“myInput” type=“number” class=“text-end”>

． 参考网址:https://getbootstrap.com/docs/5.0/utilities/text/#text-alignment