Question

我在我的项目中添加用户，因为我正在添加用户名和电子邮件地址。

用户名不是强制性的，但电子邮件是强制性的.. 电子邮件最大长度为100 .. 我的问题是：当我添加电子邮件并且电子邮件长度超过60时，该电子邮件应显示在2行或该td的空间中，其中我显示应该增加的电子邮件ID。我想在鬼影旁边显示电子邮件。

我也是通过jquery完成的。

$(document).ready(function(){
        $(".Email").each(function(){
            //alert($(this).text().length);
            if($(this).text().length > 55){
                $(this).css("margin", "-22px 0 0 59px");
            }
        });
    });

Answer 1

您可以单独使用CSS实现此目的。如果您为包含电子邮件地址的元素指定宽度，并在其上设置word-wrap: break-word。

.email {
    width: 300px; /* amend as needed */
    word-wrap: break-word;
}

Example fiddle

Answer 2

您可以使用text-ellipsis截断溢出。对于egs，将truncate class添加到您的email元素

<强> CSS

.truncate {
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

<强> Demo

或者在javascript中尝试这个简单的功能，

function shortentext(txt, maxLength) {
    var ret = txt;
    if (ret.length > maxLength) {
        ret = ret.substr(0,maxLength-3) + "...";
    }
    return ret;
}

以两行显示电子邮件ID

2 个答案: