css 超过一行点点

在 CSS 中，当元素的文本内容过长时，可以通过一些属性将多余的部分隐藏起来，仅显示一行或几行。但有时候我们需要将超出一行的文本显示为省略号，这时候可以使用 text-overflow 属性。

例如：


这是一段超出一行的文本，但是我只想显示一行加上省略号。

上述代码中，我们设置了一个宽度为 200px 的 div 元素，并将其文本内容的换行禁止，并且设置 overflow 属性为 hidden，这样超出部分就会隐藏起来。最后，我们通过 text-overflow：ellipsis 属性将多余部分显示为省略号。

另外，text-overflow 属性还可以和其他属性一起使用，例如：

这是一段超出两行的文本，但是我只想显示两行加上省略号。

该示例中，我们将 display 属性设置为 -webkit-Box，同时使用 -webkit-line-clamp 属性设置元素显示为两行，如果超出两行，多余的就会被隐藏，并且省略部分将会显示为省略号。

总之，在 CSS 中使用 text-overflow 属性可以将超过一行的文本显示为省略号，这样可以美化页面，并且让用户更容易理解和阅读内容。