Question

我正在使用带有5个文本框的表单。对于每个文本框，我修复了maxlength =“100”并将值与ng-model绑定。现在我需要用“...”显示文本框内的内容，如果内容超过20个字符。现在，如果用户：将输入悬停，则隐藏省略号。使感觉可以编辑。如果用户在文本框内单击，当然可以编辑内容。

Answer 1

现在我需要用＆＃34; ...＆＃34;显示文本框内的内容。如果内容超过20个字符，则悬停时。如果用户在文本框内单击，则可以编辑内容。

只使用CSS

input[type="text"] {
    text-overflow: ellipsis;
}

input[type="text"]:hover {
    text-overflow: initial;
}

<input id="value" type="text" size="20">

注意：size="20"此处定义了在省略号之前显示的限制。