javascript - Extjs 6 - 树正在 chop 我的 <p>

Question

因此，我正在使用 Extjs 6+/Modern 开发网站的帮助部分。我遇到了一个奇怪的问题 - 除非我手动插入换行符 - 宽度受限的段落(嵌套在树中)中的任何文本如果超过最大宽度就会消失。

children:[
    {leaf:true, text:'<p style=\'width:320px; word-wrap: break-word; line-height:100%;\'>..</p>

我尝试了多种解决方法，包括将

放在宽度受限的

中，但这也无济于事。

出于官僚主义的原因，我不应该接触 CSS，所以我希望我遗漏了一些简单的东西。

最佳答案

所以，我找到了解决方案。

{leaf:true, text:'<p style=\'width:320px; word-wrap: break-word; white-space:normal; line-height:100%;\'>..</p>

添加 white-space:normal 可以解决这个问题。我不知道空白和行距之间的区别。

因此，虽然这是一个边缘案例，但我将保留这个问题，以防其他人遇到类似问题。

关于javascript - Extjs 6 - 树正在 chop 我的 <p>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39662098/

Answer 1

所以，我找到了解决方案。

{leaf:true, text:'<p style=\'width:320px; word-wrap: break-word; white-space:normal; line-height:100%;\'>..</p>

添加 white-space:normal 可以解决这个问题。我不知道空白和行距之间的区别。

因此，虽然这是一个边缘案例，但我将保留这个问题，以防其他人遇到类似问题。