如何使用ExtJS 4.2.1在元素（文本、标签、显示字段）的文本中换行？

必须显示大于插入该文本的组件的文本。目前，文本不会自动换行

---

我尝试过使用以下组件：文本、标签和显示字段

您只需将样式添加到extjs组件（您可以使用其中任何一个组件）：

有一些方法可以将自定义css样式应用于ext的元素

style: {
  "word-wrap": 'break-word'
}

您也可以这样做：

Ext.get('txtElement').setStyle('word-wrap', 'break-word');

---

您是否尝试过包含空格的文本？一个太长的单词永远不会被包装，但根据您使用的组件，多个较短的、以空格分隔的单词可能会被包装

如果要显示长文本，请使用

容器

并将文本放入

html

配置中，它将自动换行

您命名的组件也有其用途，但不适用于简单的长文本：

• text

  来自

  draw

  软件包，适用于专门的格式设置

• displayfield

  在表单中显示（只读）某个值（该值是加载到表单中的记录的一部分）时非常有用

  displayfield

  根本不会换行-请尝试使用

  readonly

  配置进行

  textareafield

• label

  可以作为表单字段的标签，但只有通过执行大部分工作的

  labelable

  mixin使用。如果提供固定宽度或maxWidth，则标签应使其内容环绕，但它不会自动附着到父对象布局

---

我设置了容器的html，但文本没有中断事实上，它起作用了。问题是你之前报告的。“单词”太长了。请你显示一下这个方框的代码好吗？你是如何创造的？应用此css？Man

xtype:text

的行为类似于

pre

标记，您必须使用

\n

断行，否则使用不同的类型。只是你的问题让人困惑，因为我以为你只是想在任何情况下打破冗长的文字。。

Ext.get('txtElement').setStyle('word-wrap', 'break-word');