Javascript ExtJS标签方向

如何使ExtJS水平呈现，如中所示：

------------
-          -
------------

----
-  -
-  -
-  -
----

垂直渲染，如中所示：

------------
-          -
------------

----
-  -
-  -
-  -
----

当然包括文本在内

在css中，我会使用

书写模式设置文本的样式：垂直lr

以适当的方向写入文本（）。但在本例中，为了使包含标签的组件以适当的大小渲染，我需要更改整个容器的方向

---

因此，在ExtJS 4.1+中这可能吗？如果是，如何进行？A将不胜感激

要使用ExtJS执行此操作，需要以90度角绘制文本项：

Ext.create('Ext.panel.Panel', {
    title: 'Panel with VerticalTextItem',
    width: 300,
    height: 200,
    lbar: {
        layout: {
            align: 'center'
        },
        items: [{
            xtype: 'text',
            text: 'Sample VerticalTextItem',
            degrees: 90
        }]
    },
    renderTo: Ext.getBody()
});

---

这将创建一个文本项旋转到90°的面板。此代码示例可在中找到，并在4.1.0及更高版本中提供

要使用ExtJS执行此操作，需要以90度角绘制文本项：

Ext.create('Ext.panel.Panel', {
    title: 'Panel with VerticalTextItem',
    width: 300,
    height: 200,
    lbar: {
        layout: {
            align: 'center'
        },
        items: [{
            xtype: 'text',
            text: 'Sample VerticalTextItem',
            degrees: 90
        }]
    },
    renderTo: Ext.getBody()
});

这将创建一个文本项旋转到90°的面板。此代码示例可在中找到，并在4.1.0及更高版本中提供