innerHTML溢出父对象

Question

我在Angular 4应用程序中使用了Material Design组件，尤其是MdCard。 我根据从http请求响应中检索到的结果动态创建卡。 响应是字符串，但其中可能包含诸如<b></b>类的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卡边框。 我尝试使用overflow css属性，但这似乎不起作用。

任何帮助都很棒。

Answer 1

您可以举一个真实的例子吗？ 不查看示例就很难知道正在发生什么。

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

word-wrap: break-word;

或用

text-overflow: ellipsis;

Answer 2

根据我对@Glauber Ramos答案的评论，我设法使用非标准Webkit CSS解决了该问题。

word-break: break-word;