CSS文字超出部分省略号显示

文章目录[隐藏]

CSS 文字超出部分省略号显示前言

在我们开发过程中，其实有这样的需求： 在一个文章列表中，文章摘录太长了会影响排版格式，于是乎就想使用...代替后面超出部分。方法其实很简单，留下备用。

CSS 文字超出部分省略号显示实现方法

<span class="pln">overflow<span class="pun">: hidden;  // 超出宽高范围隐藏
text-overflow:ellipsis; // 用...号显示
white-space: nowrap; // 不换行</span></span>

CSS 文字超出部分省略号显示实现效果

CSS文字超出部分省略号显示
posted @ 2020-03-31 19:51  不随。  阅读(13)  评论(0)    收藏  举报  来源