css 文本溢出隐藏，省略号代替

1，单行文本溢出

.text{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

效果如下：

2，多行文本溢出

.text{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; /*设置对其模式*/-webkit-line-clamp: 2; /*设置多行的行数*/
}

效果如下：

css 文本溢出隐藏，省略号代替相关推荐

CSS文本溢出隐藏，显示省略号
仅供自己记录,老用还不记得,哈哈哈笨死了!!! 单行文本溢出隐藏: overflow: hidden; 单行文本溢出隐藏显示省略号: white-space: nowrap; overflow: hi ...
css overflow 省略号,图文详解CSS文本溢出显示省略号效果（text-overflow）
在工作中经常会遇到文本溢出,需要显示省略号的情况,那这个省略号是怎么实现的呢?这篇文章就给大家讲讲CSS中如何用text-overflow实现超出部分显示省略号.对CSS文字溢出加省略号这个知识不熟悉 ...
CSS文本溢出显示省略号怎么实现？
前言我们经常会遇到网页中有文字溢出会显示省略号,那么这种效果怎么实现呢?本文分别介绍了单行文本溢出显示省略号和多行文本溢出显示省略号的实现方法. 一.单行文本溢出显示省略号代码示例: <!D ...
css文本溢出显示省略号
1.单行文本溢出显示省略号 overflow: hidden;(文字长度超出限定宽度,则隐藏超出的内容) white-space: nowrap;(设置文字在一行显示,不能换行) text-overf ...
CSS|文本溢出隐藏
目录一.单行文本溢出隐藏二.多行文本超出指定行数隐藏在我们编辑单行文本或者多行文本时文本溢出时,我们该如何进行隐藏呢?今天就来介绍一下单行文本溢出隐藏和多行文本超出指定行数隐藏的方法. 一.单行 ...
html span溢出隐藏,css文本溢出隐藏出错了
我设置的这个文本溢出隐藏. 在正常宽度下可以正常显示.为什么窗口缩小后.文本的位置就变了呢?掉下去了我本来不想给文字加宽度的,但是如果不给宽度的话.文字直接就下去了.给了宽度后.至少正常宽度下.文字 ...
vue css 文本溢出显示省略号、失效相关问题整理
问题进阶简单实现打包后,居然没有效果! 注释加了,效果好了,控制台警告却亮起了(强迫症不能忍!!) 数字或英文情况下,省略号居然又没啦!!! 简单实现 max-width: 75px;displa ...
CSS -文本溢出显示省略号
单行文本溢出 .hidden {overflow: hidden;(文字长度超出限定宽度,则隐藏超出的内容)white-space: nowrap;(设置文字在一行显示,不能换行)text-overf ...
css文本溢出隐藏显示省略号
一.单行文本显示省略号 1.先强制文本一行内显示 white-space:nowrap(不换行); 2.超出部分影藏 overflow:hidden; 3.用省略号代替超出的部分 text-overf ...

css 文本溢出隐藏，省略号代替

css 文本溢出隐藏，省略号代替相关推荐

最新文章

热门文章