firefox多行文本如何显示省略号。。。只使用css
省略字符
div{
width: 100px;
height: 40px;
border:solid 1px black;
/*多行文本省略*/
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
}
测试是否可以省略字符测试是否可以省略字符
上面这个就可以，自己测试针对性修改部分内容。
单行文本实现方法：
实现效果：
多行文本溢出显示省略号实现方法：
实现效果：
适用范围：
因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；
扩展资料：
-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：
display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
参考资料：百度百科--text-overflow
跨浏览器兼容的方案：
p {
position:relative;
line-height:1.4em;
/* 3 times the line-height to show 3 lines */
height:4.2em;
overflow:hidden;
}
p::after {
content:"...";
font-weight:bold;
position:absolute;
bottom:0;
right:0;
padding:0 20px 1px 45px;
background:url(http://css88.b0.upaiyun.com/css88/2014/09/ellipsis_bg.png) repeat-y;
您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
只有web-kit based 的浏览器提供了对这个特殊需求的支持，对于其他内核的浏览器就只能用javascript来hack了。Vimeo的Joe已经实现了这一功能, 可以参考 https://github.com/josephschmitt/Clamp.js 来详细了解。
扩展：
1、Mozilla Firefox，中文俗称"火狐"(正式缩写为Fx或fx，非正式缩写为FF)，是一个自由及开放源代码网页浏览器，使用Gecko排版引擎，支持多种操作系统，如Windows、Mac OS X及GNU/Linux等。该浏览器提供了两种版本，普通版和ESR(Extended Support Release，延长支持)版，ESR版本是 Mozilla 专门为那些无法或不愿每隔六周就升级一次的企业打造。Firefox ESR 版的升级周期为 42 周，而普通 Firefox 的升级周期为 6 周。
2、火狐浏览器是一个自由的，开放源码的浏览器，适用于Windows， Linux和 MacOS X平台，它体积小速度快，还有其它一些高级特征，主要特性有:标签式浏览，使上网冲浪更快;可以禁止弹出式窗口;自定制工具栏;扩展管理;更好的搜索特性;快速而方便的侧栏.这个版本做了脱胎换骨的更新，代码更优秀，功能更强大，包括安装程序，界面和下载管理器都作了改进。
只有web-kit based 的浏览器提供了对这个特殊需求的支持.，对于其他内核的浏览器就只能用javascript来hack了.Vimeo的Joe已经实现了这一功能, 可以参考 https://github.com/josephschmitt/Clamp.js 来详细了解.
text-overflow:ellipsis;/*当文本溢出时显示…此时还必须定义：
强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden）*/
white-space:nowrap;/*表示文本不会换行*/
overflow:hidden;/*表示溢出的内容会被隐藏*/
完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS实现超过特定长度显示省略号的方法</title>
<style type="text/css">
li {
width:200px;/*宽度，超过即会溢出*/
line-height:25px;/*设置行间距*/
text-overflow:ellipsis;/*当文本溢出时显示…此时还必须定义：
强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden）*/
white-space:nowrap;/*表示文本不会换行*/
overflow:hidden;/*表示溢出的内容会被隐藏*/
}
</style>
</head>
<body>
<ul>
<li>3D打印机网</li>
<li>
<a title="郑州乐彩科技股份有限公司 3D打印机网站"
target="_blank" href="www.locor3d.com">
乐彩3D打印机</a></li>
</ul>
</body>
</html>
答：background:url(http://css88.b0.upaiyun.com/css88/2014/09/ellipsis_bg.png) repeat-y;您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
答：之前做项目管理项目比较多，竟然从来不知道多行文本溢出显示省略号的常规写法 （overflow: hidden;text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;）在IE和Firefox是无效的，可见前端学习的无止境不止体现在js和各种主流框架等等，在css上也是一样。...
答：要求:1.兼容IE6/IE7/FireFox2.文本对象:table里的文本,不能换行3.如果采用js截取,支持resize,并保证页面执行效率4.确保firefox下省略号的出现补充:最好使用css控制,如果使用afte... 要求:1.兼容 IE6 / IE7 /FireFox2.文本对象:table里的文本,不能换行3.如果采用js截取,支持resize,并保证页面执行效率4.确保...
答：当显示文本的内容过长，可以截断文本，省略号显示，然后给标签设置title属性，鼠标移入的时候显示完整内容。但在火狐和IE浏览器中，当文本字符长度超过六七十(大概，网上看到的)的时候，会显示不完全，如图：IE还在tip中自己截断了...网上查了一下，似乎手动给文本换行可以解决，每隔大约60个字符换行，可以...
答：white-space:nowrap;/*不显示的地方用省略号...代替*/ padding-right:7px; /*文字距离右侧7像素。*/ text-overflow:ellipsis;/* 支持 IE */ -o-text-overflow: ellipsis; /* 支持 Opera */ } div:after{content:"...";}/* 支持 Firefox */ CSS截取字符串，超出用省略号代替sdf...
答：1.控制方法有：CSS和程序实现两种 a. css方法，已经有人回答“overflow:hidden; text-overflow:ellipsis; ”表示超出部分隐藏。当然，如果是控制一行内，就用white-space:nowrap;b. 程序实现，如白临枫所言：调用数据库时使用 left(xx,100)&"..."， 表示显示变量xx从左起前100个字节，并串联“.....
答：如下 如何设置CSS样式使网页中过长的新闻标题后面以省略号显示 而在样式中加上 overflow:hidden;white-space:nowrap;text-overflow:ellipsis; 这段代码的意思是超出50px的长度后，后面以省略号显示。
答：由于网页中一般设置的都是英文字体，中文字体即会使用浏览器的默认字体(一般为宋体)。这就说明，在设为Tahoma字体时，浏览器显示用Tahoma，再使用宋体，即Tahoma的字体在系统的优先级大于宋体。...在Firefox浏览器上，我发现省略号变小了。看来这是浏览器的问题了，按道理说应该变小，即先按网页指定的...
答：text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ } 需要你注重的是，这个东东只对单行的文字的效，假如你想把它用在多行上，也只有第一行有作用的。 这个写法只有IE会有“...”，其它的浏览器文本超出指定宽度时会隐藏。深入研究在opera和 ...
答：text-overflow:ellipsis;white-space:nowrap;overflow:hidden;在li里添加上这三句就行了，少加一条都不行。这样可以溢出省略号，要是直接让它超出部分隐藏，就overflow:hidden;就可以的。但是，上面给你的在FF上是没有效果的。只能隐藏超出部分，在其他浏览器上是会溢出省略号的。
