span中限制字符的宽度

在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和其下外边沿的距离。