css处理元素中文本内容过长的情况

版权声明：本文为博主原创文章，转载须注明出处，博客地址：https://blog.csdn.net/wx13227855087 https://blog.csdn.net/wx13227855087/article/details/83374329

应用：在项目中经常遇到列表展示时文本内容过长而无法正常显示的情况。

---

display:block;                     /*内联对象需加*/
word-break:keep-all;           /* 不换行 */
white-space:nowrap;          /* 不换行 */
overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;         /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/