Javascript innerHTML溢出父级

我在Angular 4应用程序中使用了材质设计组件，尤其是MdCard。我根据从http请求响应中检索的结果动态创建卡片。响应是字符串，但可能有HTML标记，如其中所示，因此我使用[innerHTML]如下所示：

        <md-card-title-group>
          <md-card-title [innerHTML]="result.title"></md-card-title>
          <md-card-subtitle [innerHTML]="result.link"></md-card-subtitle>
        </md-card-title-group>

然而，我发现在移动视图中，如果字符串较长，标题和副标题就会溢出md卡边界。我尝试过使用溢出css属性，但这似乎不起作用

---

任何帮助都很好

你能给我举个活生生的例子吗？不看一个例子就很难知道发生了什么

有一些处理文本溢出的方法是CSS。您可以尝试：

word-wrap: break-word;

或者用

text-overflow: ellipsis;

---

根据我对@Glauber-Ramos-answer的评论，我使用非标准的webkit-css解决了这个问题

---

断字：断字

这两种方法都不管用，但我确实通过摆弄一些css属性找到了解决方法。事实证明，我必须为WebKit使用非标准css来实现它。断字：断字；如果其他css规则添加空格：nowrap，则您的文本将永远不会换行到下一行。