innerhtml父母溢出

Question

我正在使用Angular 4应用中的材料设计组件，尤其是mdcard。我正在根据从HTTP请求响应中检索的结果动态创建卡。响应是字符串，但可能具有html标签，例如 <b></b>，因此我使用[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;