使用方法：
右上角图标->网页插件->将下面的代码复制到文本框->保存。

如果已经使用了其他的插件，就只需要将下面这行代码粘贴到你的加载事件里面。

$("span").css({"word-break":"keep-all","white-space":"nowrap","overflow":"hidden","text-overflow":"ellipsis"});

如果没有用过其他插件，直接复制下面的代码粘贴进文本框即可

<script>
$(document).ready(function () {
    $("span").css({"word-break":"keep-all","white-space":"nowrap","overflow":"hidden","text-overflow":"ellipsis"});
});
</script>

@老虎会游泳 我是对所有的span的css属性进行了修改来实现的。这个可以直接加到对应的标签里面。

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