如何在html页面上显示最大字符数

Question

说我有以下代码

<h1>I like watermelon and I cannot lie, and stuff and things</h1>

然而，在html页面上我想最大化显示的字符数。换句话说，我希望html页面只显示如下内容：

我喜欢西瓜......

我该怎么做？

Answer 1

您可以执行以下操作：

h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 75px; //Depends how much you want to show.
}