日期:2014-05-17  浏览次数:20848 次

多行溢出 ,文本显示为省略号怎么写?


我想请问下,多行溢出 ,文本显示为省略号怎么写啊??
555一行的可以,多行的就不行了哇~

------解决方案--------------------
用js获得一下这个div里文字的个数,当超过一定数量后substring一下,在加个...覆盖div原来的值试试
貌似专门有个样式实现这个功能 忘掉了
------解决方案--------------------
设定一个宽度;
设置css样式:
 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
这里有个缺陷就是,ie7以下的浏览器不会省略号显示,只是自动截断文字~

比较完美的实现方法是用js 不过能用样式实现的最好还是用样式吧~
你试试~~
------解决方案--------------------
你既然都有firebug,你看一下它右边的计算出的样式不就有了吗
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css控制溢出内容 用省略号代替显示</title>
<style>
span {
display:block;
width:300px;
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
}

</style>
</head>
<body>
<span>  Windows Server 2003系统的DNS服务器实现泛域名解析很简单,它允许使用“*”字符作为主机名称,只要在“eeeey.net”区域中创建一个名称为“*”的主机记录即可,过程非常简单。右键单击“eeeey.net”区域,在弹出的菜单中选择“新建主机”在“新建主机”对话框的“名称”栏中输入“*”,“IP地址”栏中输入“192.168.0.1”,最后单击“添加主机”按钮即可。
</span>
</body>