码迷,mamicode.com
首页 > 其他好文 > 详细

多行溢出 ,文本显示为省略号如何写

时间:2015-02-13 14:39:18      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

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


我想请问下,多行溢出 ,文本显示为省略号怎么写啊??
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>

多行溢出 ,文本显示为省略号如何写

标签:

原文地址:http://www.cnblogs.com/wangjunwei/p/4290141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!