HTML 输入字段中的文本右对齐

Question

我有一个 HTML 标记，其 maxlength 很短，但 value 属性很长。我希望显示的文本显示文本的结束（右侧），而不是开始（左侧）。

<input maxlength=10 value="A really really really long entry goes in here"/>

目前显示：

“A real r”，

而不是我希望它显示：

“es in here”

干杯，

伊恩

Answer 1

您希望可见区域从右侧开始吗？您可以使用 css 和以下规则 input {direction:rtl;}

rtl 表示从右到左

示例： http://jsbin.com/ilejo4

PS: html 中 maxlength 的值必须用引号引起来，并且您必须设置 < 输入的code>type

Answer 2

如果只想显示信息，可以在div中放置一个span，在div中写入overflow:hidden、display flex、justify-content: flex-end；

.contenedor{
  width: 100px;
  background-color: black;
  color: white;
  border-radius: 5px;
  display: flex;
  justify-content: flex-end;
  overflow:hidden;
  padding: 5px;
}

<div class="contenedor"><span>12345555555566final</span></div>

Answer 3

将 style="text-align:right" 添加到输入标记。