.ellipsis {
overflow: hidden; /*将超出文本隐藏*/
text-overflow: ellipsis; /*显示省略号*/
white-space: nowrap; /*禁止换行*/
}省略号在移动端页面中使用尤其重要，在小屏幕设备中，由于空间有限，元素显示不下的情况很普遍。而使用省略号可以使页面元素更美观，同时也提高了用户体验。
除了在文本溢出情况下使用省略号，还可用于实现其他效果，比如在表格中实现省略号，使得当表格行内容超出时，以省略号代替，不会造成过多的重复代码。
.table td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}需要注意的是，使用省略号的元素必须设置宽度或高度，否则浏览器无法判断何时使用省略号，无法实现想要的效果。
在移动端，为了更好的用户体验，一般建议尽量减少文本使用省略号的情况，而是采用响应式布局或其他方式优化页面元素的显示方式，使得用户可以更清晰地看到页面内容。