Css 在EXTJS中包装标签

我无法用extjs包装标签。我需要动态设置该值，当该值太长时，它会破坏布局（在我的例子中是表布局）

以下是我使用的代码：

{
    xtype: 'label',
    text: 'Bla bla bla bla bla',
    labelWidth: 20, //had tried width as well, but no use
    labelAlign: 'left',
    autoWidth: false,
    boxMinWidth: 10,
    boxMaxWidth: 20,
    colspan: 1,
    margin: '50 50 50 50'
}

我也尝试过修改默认的extjscss文件。添加css

.x-form-label{
   white-space:normal
}

在

ext主题中，经典的all.css

但是没有任何用处

请帮助。

这在Webkit中有效

---

---

---

在4.2.1中，当在面板内包装长标签文本时，我的工作原理如下：

{
    xtype: 'label',
    width: '100%',
    text: 'xxxxxxxxxxxxx yyyyxx xxxx xxxx xxxxx xxxxx aaaa bbbb cccc dddd xxxxxxxxxxxxx yyyyxx xxxx xxxx xxxxx xxxxx aaaa bbbb cccc dddd ',
},

在Chrome、FF和IE11的我的应用程序中看起来像这样：

---

你好，托马斯，谢谢你的回复。我将代码放在ext-theme-classic-all.css文件中，但不起作用。请让我知道我是否以正确的方式尝试了这一点…我想你会想要为类似这样的东西包括一个最终的css覆盖。（我就是这样管理的。）

.x-form-label#specificLabel {
    width: 20px;
    overflow: hidden;
}

{
    xtype: 'label',
    width: '100%',
    text: 'xxxxxxxxxxxxx yyyyxx xxxx xxxx xxxxx xxxxx aaaa bbbb cccc dddd xxxxxxxxxxxxx yyyyxx xxxx xxxx xxxxx xxxxx aaaa bbbb cccc dddd ',
},