如何在Dojo中修改TabContainer的宽度

Question

我正在尝试使用Dojo，到目前为止它非常酷，除了我似乎无法设置TabContainer的宽度这一事实。我有以下代码

<div id="tabs" dojoType="dijit.layout.TabContainer" doLayout="false">
    <div id="javaTab" class="myTab" dojoType="dijit.layout.ContentPane" title="Java">
        <h1>Hello I'm the Java Tab</h1>
    </div>
    <div id="rubyTab" class="myTab" dojoType="dijit.layout.ContentPane" title="Ruby">
        <h1>Hello I'm the Ruby Tab</h1>
    </div>
</div>

这是CSS：

#tabs {
width: 100%;
height: 100%;
}
.myTab {
height: 600px;
width: 100%;
padding: 0 !important;
}

如果我在选项卡内放置菜单栏，那么我发现它们的宽度比我的屏幕大，所以我看不到完整的条形图。 那么有没有办法设置生成的“标签栏”的宽度？

谢谢你们！

Answer 1

Yup Peller是对的，您无法在每个contentPane上设置大小，但您可以做的是修改整个事物的宽度（tabContainer）