innerHTML溢出父亲

我在我的Angular 4应用程序中使用Material Design组件，特别是使用了MdCard。我基于从http请求响应中检索的结果动态创建卡片。该反应是字符串，但可以有HTML标签，如他们<b></b>，所以我用[的innerHTML】要做到这一点，如下所示：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属性，但这似乎不起作用。

任何帮助都很好。

来源

2017-09-26 bawse

如果其他的CSS规则加上'whithe空间：nowrap'您的文字永远不会换到下一行。 –

你能举个实例吗？不看一个例子就很难知道发生了什么。

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

word-wrap: break-word;

或剪切的文本与

text-overflow: ellipsis;

来源

2017-09-26 01:44:22

这两个工作都没有，但我确实设法弄清楚如何通过摆弄一些css属性来做到这一点。事实证明，我必须使用非标准的CSS来实现WebKit。 “断字：断字;'为我做了。 – bawse

按我的@Glauber拉莫斯回答评论，我设法解决使用非标准的WebKit的CSS问题。

word-break: break-word;

来源

2017-09-26 03:05:47 bawse

innerHTML溢出父亲

回答

相关问题