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

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;