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-card边框。我尝试过使用overflow css属性，但这似乎不起作用。

任何帮助都很棒。

Answer 1

你能展示它的实例吗？如果不看一个例子，很难知道发生了什么。

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

word-wrap: break-word;

或用

剪切文字

text-overflow: ellipsis;

Answer 2

根据我对@Glauber Ramos回答的评论，我设法使用非标准webkit css解决了这个问题。

word-break: break-word;