急 DIV中文字自动显示三行多余用‘……’代替

Question

在div中绑定数据库中的数据，显示数据时要求自动显示三行，多余的截取并加‘……’，

Answer 1

有js的方法，也有css的方法，更有服务器端得方法。

Answer 2

针对绑定的字段做一个处理，假设绑定的字段为<%# Eval("fDesc") %>：<%
    string temp = Eval("fDesc");
    string rst = "";
    int lineLength = 20; // 每行显示字符的个数
    int lineCount = 0;   // 记录行数
    while(temp.length > 0) {
        lineCount++;
        if(temp.length > lineLength){
            rst += temp.substring(0, 20) + "<br/>";
            temp = temp.substring(20, temp.length - 20);
        }
        else {
            rst += temp;
            temp = "";
        }
        
        if(lineCount == 3) {
            rst += "...";
            break;
        }
    }
%>
绑定<%= rst  %>就好了。

Answer 3

这个确实不太好办，如果你让它自动换行的话，你就不知道它到底什么时候会到第三行了，居中显示，看起来会稍微好一点。或者你这样做，计算字符的"长度"，你估算一下到第三行需要多少个中文字符，加入需要100个字符，那么字符添加"..."的标准长度就是200，然后，算当前绑定数据的"长度"，一个中文字符长度为2，一个英文字符或数字，长度为1，当长度超过200，就自动添加"..."，然后设置div的宽度，让它自动换行。可根据ASCII判断字符为汉字、英文字母或者数字。

Answer 4

<DIV>
<DIV>第一行</DIV>
<DIV>第2行</DIV>
<DIV>第3行</DIV>
<DIV></DIV>
</DIV>