如何在dojo选项卡容器上获取​​选项卡标题之间的差距

Question

Dojo标签容器将页面标题放在彼此旁边，两者之间没有空格。如何将标签页标题与标签容器的整个宽度对齐，以便每个标签之间显示相等的空格。

这就像段落上的“对齐”对齐，其中文本包裹到一条线的整个宽度。

感谢您的帮助。

Answer 1

我不相信有一种内置的方法来控制TabContainer中的标签间距。如果您需要将选项卡分开，您可以尝试使用相对css定位到选项卡的解决方案，以便将它们分开。

Answer 2

您可以将CSS样式应用于dijitTab类以更改TabContainer的选项卡。只需为TabContainer提供一个ID，然后使用该ID访问并设置其中的选项卡样式。例如：

在HTML中声明TabContainer：

<div id="myTabs" data-dojo-type="dijit.layout.TabContainer" ... ></div>

然后使用以下CSS在标签之间设置边距：

#myTabs .dijitTab {
margin-right: 16px;
}

当然，你可以通过造型获得更多创意，但这应该让你开始。