javascript - 设置显示元素中文本的最大长度

Question

我有一个 id 为 templateDescription 的元素，它接收通过数据库到达的值。我想设置主页上每个条目的 View 中显示的文本的最大长度，因为我有一个“阅读更多”按钮，负责打开一个包含有关页面的更多信息的模式。最好的方法是什么？

Answer 1

HTML5 为输入元素引入了新的 maxlength 属性。

看起来像这样

<input type="text" maxlength="10" />

这会将文本字段的长度限制为 10 个字符。

对于其他元素，最好设置宽度，然后使用 text-overflow 属性。您还需要添加 overflow 和 white-space 属性。看起来像这样

div {
      width: 100px;
      white-space: nowrap;
      border: 1px solid black;
      text-overflow: ellipsis;
      overflow: hidden;
    }

<div>This is a really really long sentence</div>