css 结尾省略号 |css3 translate x y

在 CSS 中，大家可以使用text-overflow:ellipsis样式来实现结尾省略号。当然，在使用这个样式之前，大家还需要设置文本的宽度，否则该样式将不会生效。例如：

.container {
width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

上面的代码就是一个简单的实现文本结尾省略号的例子。其中，大家使用了overflow:hidden样式隐藏了文本溢出部分，使用了white-space:nowrap样式让文本不自动换行，使用了text-overflow:ellipsis样式来实现结尾省略号。

需要注意的是，结尾省略号样式只在元素内部作用。如果大家希望实现多行文本结尾省略号，需要使用一些其他的技巧，例如使用 JavaScript 或者 CSS3 的新特性。

CSS 结尾省略号是一个非常实用的功能，大家可以在很多地方使用它。比如，在导航栏中省略长文本、在新闻列表中省略文章简介等等。它既能使网页更加美观，又不影响阅读体验，是前端开发一个不可或缺的技巧。