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

Question

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

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

目前显示：

“一个真的 r”

相反，我希望它显示：

“在这里”

干杯，

伊恩

Answer 1

你想让可见区域从右边开始吗？您可以使用 css 和以下规则input {direction:rtl;}

rtl意思是从右到左

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

PS：maxlength你的 html 中的值必须用引号括起来，你也必须type设置input

Answer 2

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

Answer 3

如果只想显示信息，可以在一个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>