IE8/9 如何使用text-overflow: ellipsis 做块元素超长内容变省略号的问题

发布时间：2023-03-05 19:15:16 来源：互联网

.

西沉的红日，把缕缕落寂的橘红涂满天际。夕阳下，沧桑古老的小道上充满着迷离的格调，显得格外的幽静。天地万物似乎都酣醉在这片凝固着却极短暂的美丽之中，止住了一切声响。

首先平时用的时候要配合

复制代码

代码如下:

overflow: hidden;
white-space: nowrap;

这两个属性让起溢出隐藏和不换行,然后IE8用的时候记得不要加

复制代码

代码如下:

word-berak:break-all;
word-wrap:break-word;

这样断开了,在IE8里面是不会变成省略号的(但是在IE6/7/FF/Chrome都没有问题),其实都单行省略了,本来也没有必要断词~-_-!

所以一般标准组合就是:

复制代码

代码如下:

overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */

基本通杀所有浏览器了~

哦,对了,忘了说,像<a>这类默认非块的元素,要加上display:block;才有效果哦`,..嗯嗯,别忘了width或者max-width.

本文IE8/9 如何使用text-overflow: ellipsis 做块元素超长内容变省略号的问题到此结束。黑夜的转弯是白天，愤怒的转弯是快乐，所以有的时候让心情转个弯就好了。小编再次感谢大家对我们的支持！

以下您可能有感兴趣的文章:

标签： text