在实际应用中，经常需要只显示一行文字，不允许文字换行破坏整体样式的情况。例如‘商品的名称’，‘简介’等等。但是由于显示器的宽度不一样，会出现后台所给文字内容，一行文本容纳不下的情况。溢出的文本如果使用overflow:hidden生硬的给隐藏掉，显示的效果不是很好，这时，溢出的文本就需要使用省略号...来替换。使用js截取有点儿复杂，可直接使用css的属性进行设置，实现该效果。
需给文本对象添加的css属性如下：
休闲纯色百搭短裤
.className{width: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
显示的效果如下：
Page d'erreur 404 de l'ordinateur
Solution à l'invite de table de partition non valide au démarrage de Windows 10
Comment résoudre le problème de ssleay32.dll manquant
Comment définir l'IP
Comment ouvrir le fichier d'état
Pourquoi le disque dur mobile est-il si lent à s'ouvrir ?
Quelles sont les unités de base du langage C ?
Quelle plateforme est Kuai Tuan Tuan ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
