text-overflow: ellipsis可以让多出的文字显示“…”，需要注意一下，由于浏览器有自动换行的功能，所以该属性生效还需另外两个属性配合：overflow: hidden 使超出的文字隐藏，然后white-space：nowrap 取消文字自动换行。