超出指定文本以省略号显示效果,用css的＂text-overflow:ellipsis;＂实现text-overflow:ellipsis; 溢出的部分用 省略号 表示.<!DOCTYPE html><html><head><style> div.test{ white-space:nowrap; width:123px; overflow:hidden; border:1px solid #
通常的做法是这样的:1.overflow:hidden;2.text-overflow:ellipsis;3.-o-text-overflow:ellipsis;4.white-space:nowrap;5.width:100%;其中,overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号;-o-text-overflow: ellipsis针对opera;而
用脚步控制..一般都sub..之类的方法
不可能实现的,css就是控制样式的而已.即使是css3也是没办法的.
文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到,我想很多人都碰到过吧,这个有两种解决方法一是用程序开截取字符长度,这个其实也是可以的第二种是用样式来做,这里主要介绍一下用样式怎么来做吧,我话也不多说了吧
首先你容纳文字的容器要设置固定的宽高,然后加上以下属性 white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; 第一行的代码,是不允许文字换行 第二行的代码,是不允许把单词拆开 第三行的代码,就是文本超出容器,以省略号显示 望采纳!
ie6实现css超出显示省略号必须是直接对最里面的标签定义宽度.所以好的兼容ie6/7/8/火狐/谷歌的css实现超出显示省略号需要文字的直接父级 定义宽度 和 如上代码.
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
我也想用CSS来控制多行超出用省略号表示,如果CSS你会的话,可以教我.如果不会,我可以教你用jS或者jquery解决你的问题
样式:{width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}说明:white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格.overflow: hidden 隐藏超出单元格的部分.text-overflow: ellipsis 将被隐藏的那部分用省略号代替.