调整面板缩小屏幕，当面板内部有带'；前'；html标签

我的angularJS应用程序有这样的问题。 当我缩小浏览器的窗口时，我相应地缩小了一个面板，里面有一个很长的单词（比如20个字符），我用带有“pre”html标记的代码来避免断行。在某一点上，“逃逸”这个词从面板上消失了，效果非常难看。有没有一种方法可以“通知”专家组，我的话不能开始新的一行，并避免这个词从专家组中逃脱？ 先谢谢你

这是我的密码

    <div class="panel-body" uib-collapse="isCollapsedHeader">
            <div class="row">
                <label class="col-lg-2 label-margin"> Data riferimento </label>
                <div class="col-lg-1 right-col-margin">{{fondo.dataRif}}</div>
                <label class="col-lg-2 label-margin"> Chiave IB </label>
                <div class="col-lg-7 i9fontPre right-col-margin">{{fondo.chiave}}</div>
            </div>
</div>

---

请尝试使用html5 wbr标记来替换长单词

例如：

<p>This is a veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryvery**<wbr>**longwordthatwillbreakatspecific<wbr>placeswhenthebrowserwindowisresized.</p>

这是一个veryveryveryveryveryveryveryveryveryveryvery****长单词，当浏览器窗口被设计时，它将在特定位置断开

请检查下面的链接以获取解决方案

---

您可以使用

单词换行：打断单词将其分解。以下是一个工作示例：


#框{
显示：内联块；
宽度：250px；
高度：250px；
边框：2件纯蓝；
边界半径：4px；
单词包装：打断单词；
}

ReeeeaaaaaaaaaaaaaaallyyyyyyyLongWord
根据我对您在css3省略号属性中隐藏文本的问题的评论。请查看下面的链接


div{width:120px；溢出：隐藏；文本溢出：省略号；}

logggggggggggggggggggggggggggggggggggworddddddddddddddd
是否可以使用
溢出：隐藏以防止其脱离面板？如果你发布你的代码，我们可能会给你一个更可靠的答案。我无法决定在哪里打断这个词，因为我对这些长单词一无所知。它们来自服务器调用。您好，如果单词来自服务器端，则使用省略号属性强制完全隐藏长单词。
<p>This is a veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryvery**<wbr>**longwordthatwillbreakatspecific<wbr>placeswhenthebrowserwindowisresized.</p>