关于css截取字符串并以省略号展示..
css截取字符串并以省略号展示.在网上找了一些,基本都不兼容IE8..需要兼容的浏览器:IE8,火狐,谷歌浏览器....
css截取字符串并以省略号展示.
在网上找了一些,基本都不兼容IE8..需要兼容的浏览器:IE8,火狐,谷歌 浏览器. 展开
在网上找了一些,基本都不兼容IE8..需要兼容的浏览器:IE8,火狐,谷歌 浏览器. 展开
2个回答
展开全部
<!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>
<style type="text/css">
.text{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width:200px;
}
</style>
</head>
<body>
<div class="text">
截取字符串省略号截取字符串省略号截取字符串省略号截取字符串省略号
</div>
</body>
</html>
补充说明：完美兼容所有主流浏览器，QQ空间日志标题就是这个写法，你可以参考..
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<style type="text/css">
.text{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width:200px;
}
</style>
</head>
<body>
<div class="text">
截取字符串省略号截取字符串省略号截取字符串省略号截取字符串省略号
</div>
</body>
</html>
补充说明：完美兼容所有主流浏览器，QQ空间日志标题就是这个写法，你可以参考..
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
{text-overflow:ellipsis; overflow:hidden; width:100px; height:20px;}
firefox不兼容
可以这样
{text-overflow:ellipsis; overflow:hidden; width:100px; height:20px;-moz-binding: url('ellipsis.xml#ellipsis');}
然后把下面这段代码保存为ellipsis.xml
<?xml version="1.0" encoding="utf-8"?>
<bindings
xmlns="http://www.mozilla.org/xbl"
xmlns:xbl="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<binding id="ellipsis">
<content>
<xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
</content>
</binding>
</bindings>
或者用js的方法实现也是可以的
firefox不兼容
可以这样
{text-overflow:ellipsis; overflow:hidden; width:100px; height:20px;-moz-binding: url('ellipsis.xml#ellipsis');}
然后把下面这段代码保存为ellipsis.xml
<?xml version="1.0" encoding="utf-8"?>
<bindings
xmlns="http://www.mozilla.org/xbl"
xmlns:xbl="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<binding id="ellipsis">
<content>
<xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
</content>
</binding>
</bindings>
或者用js的方法实现也是可以的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
