css3文本中省略 |兼容ie8的css动画

/* 省略的属性 */text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;/* 设置省略号的属性 */font-weight: bold;
color: red;

text-overflow属性是用来定义文本溢出边框时的处理方法，而ellipsis则是表示省略号展现。

white-space属性则是用来控制元素中的空白符，nowrap表示不允许文字换行。

overflow属性用于确定如何处理元素的溢出内容。

最后，大家可以通过设置字体加粗和改变颜色等方式，将省略号突出显示。

/* 代码示例 */p {
width: 200px;
height: 50px;
line-height: 25px;
font-size: 16px;
text-align: center;/* 设置省略的属性 */text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;/* 设置省略号的颜色和样式 */font-weight: bold;
color: red;
}

通过上面的代码示例，可以看到大家已经将p标签中的文本设置为只能在一个框框中显示，当文本超出框框时，会自动出现省略号，这让大家可以更好地展示有限的空间内容。