如何包装电子邮件地址以适应固定宽度框

Question

我遇到了问题，请看下图：

正如您所看到的，文本溢出而不是将文本分成新行。我的问题是：我该如何解决这个问题？

正在通过CKEditor输入文本。我给你留下了代码：

<fieldset>
    <legend><?php echo $myData09 ?></legend>
        <div class="small-11 small-centered columns text-center margem_cima">
            <ul class="small-block-grid-3 text-left">
                <li><?php echo $myData10 ?></li>
                <li><?php echo $myData11 ?></li>
                <li><?php echo $myData12 ?></li>
            </ul>
        </div>
</fieldset>

Answer 1

电子邮件地址太长，无法按原样包装。您可以使用“电子邮件”替换显示的电子邮件地址。并使用mailto将其链接到他们的地址。

或者您可以使用word-wrap: break-word或this article中的其中一个选项。

-ms-word-break: break-all; /* Be VERY careful with this, breaks normal words wh_erever */ 
word-break: break-all; /* Non standard for webkit */ 
word-break: break-word; 
-webkit-hyphens: auto; 
-moz-hyphens: auto; 
hyphens: auto;