dz论坛中div设置如何只显示一行标题和一行内容,剩下都用省略号代替 20
要各个浏览器都兼容的代码。[loop]<dl><ddstyle="width:100%;overflow:hidden;white-space:nowrap;text-o...
要各个浏览器都兼容的代码。
[loop]
<dl>
<dd style="width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis">
<a href="{url}" target="_blank" title="{title}">{title}</a></p></dd>
<dd style="padding-bottom: 0;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;width:100%;" title="{summary}">{summary}</dd>
</dl>
[/loop]
这是我原来的代码,只能从360里显示的是好的 展开
[loop]
<dl>
<dd style="width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis">
<a href="{url}" target="_blank" title="{title}">{title}</a></p></dd>
<dd style="padding-bottom: 0;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;width:100%;" title="{summary}">{summary}</dd>
</dl>
[/loop]
这是我原来的代码,只能从360里显示的是好的 展开
2个回答
展开全部
用三个特征代码就可以实现,只需要在你需要设置为省略号的地方添加如下样式即可
<html>
<head>
<title>省略号效果实现</title>
<meta type="text/html;charset=gbk">
<style type="text/css">
*{margin:0 auto;padding:0;line-height:30px;font-size:14px;}
ul{padding:10px;border:1px dashed red;}
#test{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
</style>
</head>
<body>
<ul>
<li id="test"><a href="#">测试文字链接标题测试文字链接标题</a></li>
<li id="test"><a href="#">测试文字链接标题测试文字链接标题</a></li>
<li id="test"><a href="#">测试文字链接标题测试文字链接标题</a></li>
</ul>
</body>
</html>
更多追问追答
追问
这是我的代码
{title}
只能在360浏览器中显示好的,从哪个地方加
追答
你的这个地方的width:100%,这个地方有问题
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询