1楼：猫小咪的彼岸花
text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。
还必须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:
hidden）。只有这样才能实现溢出文本显示省略号的效果。
没有严格顺序，可以先写单行，再写多行文本：
//单行
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
//多行
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
希望对你有帮助，望采纳！
css中溢出一行显示省略号 这个省略号可以改颜色吗
2楼：流熙凌
divspan
显示省bai
略号，但是省略号颜色du不同（就是再套一层zhidiv，给div设置dao省略号）版就能单独设置父子二者颜权色。希望对你有帮助
3楼：张_涵_冰
这个省略号是文字后面的么？如果是的话，就同文字的样式是一样的
css 一段文本怎么设置超过省略号显示
4楼：加百列
单行文本实现方法：
实现效果：
多行文本溢出显示省略号实现方法：
实现效果：
适用范围：
因使用了webkit的css扩展属性，该方法适用于webkit浏览器及移动端；
5楼：劍指長空明德
通常的做法是这样的：
1、white-space:nowrap;
2、width:100%;
3、overflow:hidden;
4、text-overflow:ellipsis;
5、-o-text-overflow:ellipsis;
还可以通过添加一个-webkit-line-clamp的私有属性来实现，-webkit-line-clamp是用来限制在一个块元素显示的文本的行数。 为了实现这个效果，它需要组合其他的webkit属性：
display: -webkit-box将对象作为弹性伸缩盒子模型显示；
-webkit-box-orient设置或检索伸缩盒对象的子元素的排列方式；
text-overflow: ellipsis用省略号“…”隐藏超出范围的文本。
具体**参考如下：
overflow : hidden;text-overflow: ellipsis;display:
-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
扩展资料
适用范围：
该方法适用范围广，但文字未超出行的情况下也会出现省略号,可结合js优化该方法。
将height设置为line-height的整数倍，防止超出的文字露出。
给p::after添加渐变背景可避免文字只显示一半。
由于ie6-7不显示content内容，所以要添加标签兼容ie6-7（如：…）；兼容ie需要将::after替换成:after。
6楼：灰常了
首先你容纳文字的容器要设置固定的宽高，然后加上以下属性white-space: nowrap;
word-break: keep-all;
text-overflow: ellipsis;
第一行的**，是不允许文字换行
第二行的**，是不允许把单词拆开
第三行的**，就是文本超出容器，以省略号显示望采纳！
7楼：匿名用户
样式控制也可以实现的，偏方
首先这个多行是高度宽度
固定的，比如高度是100;宽度200
这里是内容内容这里是内容内容这里是内容内容这里是内容内容……这个方法是隐藏了多余的文字，实际上文字不会少，只是给用户看到的迹象是多的用省略号代替了，这样的好处是利用seo，坏处是当文字不够多的话，那就露馅了
8楼：七月的下雨天
我可以肯定的告诉你，想用css的方法做多行文字最后省略号，兼容所有浏览器，是不可能的。
9楼：匿名用户
我也想用css来控制多行超出用省略号表示，如果css你会的话，可以教我。如果不会，我可以教你用js或者jquery解决你的问题
10楼：玄魂玉
从来都是根据字符数动态截取的，或使用js；纯css做不到
11楼：子凡
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
//首先这只它的宽度然后把上面的属性copy进去
div内多行文字， 溢出部分用省略号显示 10
12楼：丶人贱合一丶
可以,不过只适合webkit浏览器。
在css样式中加入：
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: x; ————这个x表示要显示几行
-webkit-box-orient: vertical;
其中div的高度自己要规定好。
这个是单行的。
在css样式中加入
width:100px;//你所要的宽度white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;
13楼：匿名用户
也是这个问题，搞定了。
//单行
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
//多行
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*显示几行*/overflow: hidden;
14楼：豆芽君
在css样式中加入
width:100px;//你所要
的宽度white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;
15楼：
1、首先，显示标尺。正常情况直接见于word界面中上部。 2、光标停在公式所在的行，不要求行中的具体位置。
3、选择【格式】菜单中的-制表位(t)，在出现的对话框中设置你所需要的左制表位、右制表位、居中等，根据需要还可以设置前导符号(就像目录中页码前的省略号)。需要有点儿耐心，很快你就精通制表位的设置了。练习:
设置一个左对齐的制表位为5个字符，一个右对齐的制表位为35个字符。清除不需要的制表位。 4、假设一行中有a、b两部分，在a、b之间加入一个tab(按一下tab键)，看一下效果。
学会之后，就可以灵活运用了。
div+css怎么显示两行或三行文字，然后多出的部分省略号代替？？
16楼：
如果想要在一行里实现“超出长度显示省略号”，是可以的。
overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
这几句css就可以，不要加上去的容器一定要写了宽度的注意：这里实现的是“超出长度”，而不是“超出字数”，并且在一行里实现。
如果是两行或者三行的容器，想要纯用css实现这个方法，是没办法做到的。
可以提供两种方法，一是用程序输出时截字，二是用js判断字数截取。
js的demo如下：
17楼：荒野牧羊之殇
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
18楼：屁屁啊哈
各位所说的都是css的排版方式，通常不会关心内容字符的多少，只在内容超出容器大小的时候隐藏而已，更不会好心加上省略号。
lz所说的问题：1、可以用简单的js方法做到，在页面里判断字符串s长度，当超过某个值max时，取s的长max的子串，并在后面合并字符串"..."即可，这样比较方便灵活。
2、在内容未传到客户端之前，即对该内容做上述截取长度的处理，那么客户端得到的就是***x.....。这种做法一劳永逸，但是该页面还要用完整内容的话，则只能再传一遍啦。
19楼：陆舒杰
这个可以用列表来实现
文字...
文字...<
文字...<
20楼：匿名用户
在样式表中加入：overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用
21楼：贪恋迩的香吻
最简单的方法就是：
字字字...
字字字...<
字字字...<
22楼：〇輪佪
css的样式 text-overflow: ellipsis; -o-text-overflow: ellipsis;
兼容性不强
23楼：迟暮丶
多行文本超出部分显示省略号，是可以用 css 解决的
display:-webkit-box;//将对象作为弹性伸缩盒子模型显示
-webkit-box-orient:vertical;//设置或检索伸缩盒对象的子元素的排列方式
-webkit-line-clamp:3;//用来限制在一个块元素显示的文本的行数
overflow:hidden;
不过这个用了 webkit 的css 扩展属性，兼容性方面，只能适用于 webkit内核浏览器 和 移动端了。
其它内核的浏览器想做兼容的话，可以在 伪类元素 上 考虑下，借助 after 或者 before 定位到盒子的右下角（注意盒子文字内容的行高和内边距），内容添加 省略号（content:'...';），如果文字内容 有 英文或者数字混合的话，可以考虑加一点 透明的背景过渡，做一点修饰效果。
24楼：德鲁大叔
要是是循环出来的数据怎搞?多条数据 id只能一个。。。。。。。
div内文字显示两行，超出两行部分省略号显示css能实现么？ 200
25楼：匿名用户
在css样式中写入如下**：
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow: ellipsis;
white-space:nowrap;
width:100%;
26楼：清夜悠悠
试试这样行不
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;