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

Question

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

Answer 1

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

看起来像这样

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

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

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;