在HTML中文本过长自动出现省略号效果

在网页开发中，我们总会碰到 “中文本过长自动出现省略号效果”的需求，如果不借助css，我们一般只能通过后台代码截取，或者使用JavaScript来截取进行实习该效果。

下面，我们就来聊聊这个需求如果快速的用css来实现吧！

目标效果：

 

实现的CSS效果：

其中由红色线框圈起来的代码和主要代码

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

组合样式代码，轻松优雅的实现这个需求！

好了，今天的分享就到这里了，欢迎关注破晓博客（hpboys.com）。