是使用CSS3中的text-overflow属性，它可以让文本超出指定的宽度时显示省略号，以下是使用它的方法：
1. 将容器设置为overflow:hidden
.container {
overflow: hidden;
}
2. 给容器设置white-space:nowrap
.container {
white-space: nowrap;
}
3. 给容器设置text-overflow:ellipsis
.container {
text-overflow: ellipsis;
}
在使用这些属性时，需要注意的是，在设置text-overflow: ellipsis之前，必须先将容器的overflow设置为hidden，并且将容器的white-space设置为nowrap，以便文本不会换行，并且只有在文本超出容器宽度时才会出现省略号。
如果要设置鼠标悬停时文本的显示效果，可以使用CSS3的属性text-overflow-mode来实现，它可以让文本在鼠标悬停时显示完整，以下是使用它的方法：
1. 给容器设置text-overflow-mode:hover
.container {
text-overflow-mode: hover;
}
使用这个属性时，文本将在鼠标悬停时显示完整，而在鼠标离开时又会显示省略号，以此实现文本的显示效果。
：CSS3中的text-overflow属性可以让文本超出指定的宽度时显示省略号，使用它时需要先将容器的overflow设置为hidden，并且将容器的white-space设置为nowrap；如果要设置鼠标悬停时文本的显示效果，可以使用CSS3的属性text-overflow-mode来实现，它可以让文本在鼠标悬停时显示完整。