在span中,字符超过宽度,显示省略符(不限制宽度为定值)
<span class="span-text">test</span>
设置css
.span-text{
width: 100%;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
white-space:nowrap;
vertical-align: bottom
}
注意: vertical-align: bottom不设置的话,后面的两个span会向下偏移一定距离实际上就是inline-block元素的默认baseline和其下外边沿的距离。