css设置多行超出隐藏

代码如图：

效果如下：

代码：

display: -webkit-box;

overflow: hidden;

white-space: normal !important;

text-overflow: ellipsis;

word-wrap: break-word;

/* 设置行数 */

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

css设置多行超出隐藏相关推荐

css 设置多行超出显示为省略号，可多行超出显示为省略号
开发过程中我们可能会遇到这样的需求: 有一行文本,不足一行,全部显示,超出一行,行尾显示为省略号. 可能你会有些扫操作,用 JS 去动态的判断,尽管效果已经实现,但是看上去搓的一逼,配不上前端这个词. ...
css select换行,css强制换行和超出隐藏实现单行和多行（代码实例）
本篇文章给大家带来的内容是关于css强制换行和超出隐藏实现单行和多行(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 通俗点的解释: word-break:break-al ...
css实现第二行超出显示省略号
css实现第二行超出显示省略号需求: 实现单行文本超出省略: width: 295px;//设置宽度white-space: nowrap;//不要换行overflow: hidden;text-o ...
CSS设置首行空两个格
文章目录[隐藏] CSS 设置首行空两个格方法 CSS 设置首行空两个格例子 CSS 设置首行空两个格方法关键词: text-indent text-indent 定义 text-indent 属性 ...
css3多行超出隐藏并打点点
2019独角兽企业重金招聘Python工程师标准>>> 效果图为: 只支持移动端口 <!DOCTYPE html> <html><head>< ...
css强制换行和超出隐藏实现(单行和多行)
<!-- white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit; white-space:设置如何处理元素内的空白: word-bre ...
css设置文本显示高度隐藏超出部分
通过height属性设置文本元素的显示高度,通过overflow属性设置文本元素超出高度时显示隐藏. overflow 属性规定当内容溢出元素框时发生的事情.当元素值设置为hidden是就会隐藏超出的 ...
css设置不显示超出内容_显示...,css设置内容超出后显示省略号
1.使用overflow: hidden把超出的内容进行隐藏: 2.然后使用white-space: nowrap设置内容不换行: 3.最后使用text-overflow: ellipsis设置超出内 ...
css标签折行显示溢出隐藏,css 文本自动换行和超出隐藏
强制不换行 div{ //white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 white-space:nowrap; } 超出 ...

css设置多行超出隐藏

css设置多行超出隐藏相关推荐

最新文章

热门文章