Question

我有一个HTML标签，其中包含一个短的maxlength但是一个long值属性。我希望显示的文本显示文本的 end （右侧），而不是开头（左侧）。

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

目前显示：

“真的很好”

相反，我希望它显示：

“es in here”

干杯，

伊恩

Answer 1

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

rtl表示从右到左

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

PS：html中maxlength的值必须用引号括起来，同样你必须设置type的{{1}}

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>

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

3 个答案: