Ckeditor 如何将电子邮件地址包装到固定宽度的框中

Ckeditor 如何将电子邮件地址包装到固定宽度的框中,ckeditor,zurb-foundation,block,html5boilerplate,Ckeditor,Zurb Foundation,Block,Html5boilerplate,我有一个问题,请参见下图: 如您所见,文本溢出,而不是将文本拆分为新行。我的问题是:我如何解决这个问题 文本通过CKEditor输入。我给你留下代码: <fieldset> <legend><?php echo $myData09 ?></legend> <div class="small-11 small-centered columns text-center margem_cima">

我有一个问题,请参见下图:

如您所见,文本溢出,而不是将文本拆分为新行。我的问题是:我如何解决这个问题

文本通过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>


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

或者,您可以使用
wrap:break-word
或中的一个选项


这是我不知道的。非常感谢你的知识!我确实通过键入personname[@]email.com解决了这个问题,因此它将保留,因为您的警告-ms word break:break all;但我肯定会关注CSS规则的演变。谢谢很高兴你明白了。当这些排版助手更标准的时候,那就太好了。
-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;