现在的位置: 首页 > 综合 > 正文

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

2013年10月06日 ⁄ 综合 ⁄ 共 297字 ⁄ 字号 评论关闭

 

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

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

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

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

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

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

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

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

 

 

 

抱歉!评论已关闭.