搜索结果样式

来源:百度知道 编辑:UC知道 时间:2024/06/22 20:58:28
有没有这图中间部分的代码.就是显示三行自动换行的文字,最后以...结束!
就是一篇文章只显示前面的一些内容.后面用...省略.

1.控制方法有:CSS和程序实现两种

a. css方法,已经有人回答“overflow:hidden; text-overflow:ellipsis; ”表示超出部分隐藏。当然,如果是控制一行内,就用white-space:nowrap;

b. 程序实现,如白临枫所言:调用数据库时使用 left(xx,100)&"...", 表示显示变量xx从左起前100个字节,并串联“...”作为结尾

2.控制思路:控制行,还是控制字数
这个大家好像都没有讨论。
你可以根据这段文字在你网页中显示多少字数来达到控制行的效果,且最后一行以"..."结束。

呵呵,楼上两位都说什么呢

你要的代码

IE:
CSS代码

overflow:hidden;
text-overflow:ellipsis;
whitewhite-space:nowrap;

Firefox:

使用 :after 伪类来实现…

<style type="text/css">
.textOverFlow {
width:110px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>

<div class="textOverFlow">很长很长很长很长长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长</div>

调用数据库时使用 left(xx,100)&"..." 显示变量xx从左起前100个字节,并串联“...”作为结尾

楼上的方法只适用于单行的.~~

如果要多行溢出显示省略号..css2.0应该是实现不了的.