span 文字超长显示省略号，结果只显示... 三个点

1. white-space: nowrap;
2.  overflow: hidden;
3.  text-overflow: ellipsis;

 

1.检查一下是否设置了display: inline-block;去掉这个

2.或者给span设置一个宽度

3.省略号颜色黑色想改颜色的话，给父容器设置一个color

 

overflow : hidden;
display: -webkit-box; /*弹性伸缩盒子*/
-webkit-box-orient: vertical; /*子元素垂直排列*/
-webkit-line-clamp: 3; /*可以显示的行数，超出部分用...表示*/
text-overflow: ellipsis; /*（多行文本的情况下，用省略号“…”隐藏溢出范围的文本)*/