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

文章目录[隐藏]

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

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

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

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

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

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

本文作者:不随。

本文链接:https://www.cnblogs.com/tmblog/p/17849358.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   不随。  阅读(6)  评论(0编辑  收藏  举报  
历史上的今天:
2018-03-31 Html.ActionLink在Area中的用法
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.