大家好我是小蚪，css文本溢出两行显示省略号，关于css超出两行显示省略号很多人还不知道，那么现在让我们一起来看看吧！

css文本溢出两行显示省略号 css超出两行显示省略号css文本溢出两行显示省略号 css超出两行显示省略号


css文本溢出两行显示省略号 css超出两行显示省略号


1、那么让多余文字省略号显示需要以下三步：是待省略的意思。

2、要省略就要它不换行white-space：nowrap。

3、不换行就会有超出部分显示，这超出的部分要让它隐藏overflow：hidden；就是它要显示省略号text-overflow：ellipsis；white-space：nowrap；/文本不换行/overflow：hidden；/溢出部分隐藏/text-overflow：ellipsis；/溢出部分用“。

4、”代替/}#tourp{white-spacif (resultName !== 0) {e：nowrap；扩展资料：css的工作原理CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。

5、CSS样式可以直接存储于HTML网页或者单独的样式单文件。

6、无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。

7、外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

8、样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。

9、样式规则由一个或多个样式属性及其值组成。

10、内部样式单直接放在网页中，外部样式单保存在的文档中，网页通过一个特殊标签链接外部样式单。

11、名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。

12、具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。

13、样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。

本文到这结束，希望上面文章对大家有所帮助。