0

这是测试代码：

Ext.define('App.TabsWin', {
    扩展：'Ext.Window'，

    宽度：600，
    身高：400，
    布局：'适合'，
    车展：是的，
    视图模型：真，

    初始化组件：函数（）{
        分机申请（这个，{
            宽度：740，
            项目： [{
                xtype: '标签面板',
                参考：'标签面板'，
                边框：假，
                默认值：{
                    身体填充：10，
                    自动滚动：真，
                    可关闭：真实，
                    边框：假
                },
                tabPosition: 'left', 
                tabRotation: 0,
                项目： [{
                    标题：'标签 1'，
                    图标：空，
                    字形：42，
                    html: '长文本'
                }, {
                    标题：'标签 2'，
                    图标：空，
                    字形：70，
                    html: '超长文本'
                }, {
                    标题：'标签 3'，
                    图标：空，
                    字形：86，
                    html: '长文本'
                }]
            }]
        });

        this.callParent();
    }
});
Ext.create('App.TabsWin');

如果您在浏览器的控制台中运行代码，它会按预期工作，但如果您运行该代码选项卡位于左侧但未水平对齐。

谁能解释发生了什么或如何解决它？

4

1 回答 1

0

“在浏览器的控制台中运行”是什么意思？

我在示例站点上没有发现任何问题。

可能是如果您将上述代码复制并粘贴到浏览器控制台，则未加载所需的 css 样式，因此显示可能看起来很奇怪/损坏。

使用https://fiddle.sencha.com玩代码，它有所有需要的东西。

于 2014-06-15T12:06:45.730 回答