CSS动态控制页面中较长的字符串样式

 

CSS动态控制页面中较长的字符串样式

在前台页面开发的过程中，经常会遇到设置列表里某一列的的长度。如：标题、备注等等

但是某一些又需要根据整个页面的宽度动态的调整他的长度，否则容易出现样式错位，导致阅读困难。

通过CSS的属性来动态控制较长字符串的动态截取，是比较好的解决方式。样式设置如下：

style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;"

必须要这三个属性组合使用才能达到效果！

样式设置如下：第一行与第二行的追加了样式的。会根据IE窗口的宽度变化自动设置省略号。

注意：这三个样式必须要都追加才可以。否则无效。