我们经常会遇到文字太多，而为了不打破原有布局，需要将多出文字用省略号代替，实现以下效果： 文字太太太太多多多啦...... 这个不多。 html：这是个列表。ul/ol都行。 首先，省略号的css代码为：text-overflow: ellipsis; 注意，这行 ...

我们经常会遇到文字太多，而为了不打破原有布局，需要将多出文字用省略号代替，实现以下效果： 文字太太太太多多多啦...... 这个不多。 html：这是个列表。ul/ol都行。 首先，省略号的css代码为：text-overflow: ellipsis; 注意，这行 ...

文字换行和不换行： 单行超出的文字呈省略号： 多行超出的文字呈省略号： ...

text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-w ...

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

单号： 多行： ...

...

问题 过多的文字会把盒子撑开，造成布局错乱。 解决 效果 ...