1. <!-- 多行文字超出宽度部分省略号： 显示文字行数 隐藏多余的 文本多余显示省略号text-overflow:ellipsis)--> html: css: .con{ position: relative ...

...

*/}.css2 { overflow: hidden; /*自动隐藏文字*/ text-overflo ...

1.数字和英文超出自动换行： css添加如下代码： word-wrap: break-word;word-break: normal; 2.单行文字超出显示省略号： css添加如下代码： display：block； white-space:nowrap; overflow ...

单行的： 多行的： js判断文字是否超出显示...了，如果是，执行一些方法： jquery 判断文字是否超出div出现三个点的省略号 有个需求，就是一个div宽度固定，但是文字可能会超出，超出出现三个点省略，然后鼠标划入的时候显示全部，不超出鼠标划入就不 ...

单号： 多行： ...

强制内容在一行，超出显示省略号：width: 300px; 　　　　　　　　　　　　　　　　overflow: hidden; /*超出部分隐藏*/ 　　　　　　　　　　　　　　　　text-overflow: ellipsis; /* 超出部分显示省略号 ...

我们 用省略号... 来替代，这样显示比较美观好看，显示效果如下 其实实现也 ...