jquery - 以两行显示电子邮件 ID

Question

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

用户名不是必填的，但电子邮件是必填的。 电子邮件最大长度为 100.. 我的问题是: 当我添加电子邮件并且电子邮件长度超过 60 时，该电子邮件应显示为 2 行，或者显示应增加的电子邮件 ID 的 TD 空间。 我想在幻影图像旁边显示该电子邮件。

我也是通过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 。

.test {
  width: 150px;
  word-wrap: break-word;
}

<div class="test">
  loremipsumdolorsitametconsecteturadipicingelit.loremipsumdolorsitametconsecteturadipicingelit.loremipsumdolorsitametconsecteturadipicingelit.loremipsumdolorsitametconsecteturadipicingelit.loremipsumdolorsitametconsecteturadipicingelit.loremipsumdolorsitametconsecteturadipicingelit.loremipsumdolorsitametconsecteturadipicingelit.loremipsumdolorsitametconsecteturadipicingelit.loremipsumdolorsitametconsecteturadipicingelit.loremipsumdolorsitametconsecteturadipicingelit.
</div>