javascript - 如何在dojo选项卡容器上的选项卡标题之间获得间隙

Question

Dojo 选项卡容器将页面标题彼此相邻放置，中间没有空格。如何将标签页标题与标签容器的整个宽度对齐，以使每个标签之间的间距相等。

这类似于文本换行到一行全宽的段落上的“对齐”对齐。

感谢帮助。

Answer 1

我不相信有一种内置方法可以控制 TabContainer 中的制表符间距。如果您需要分隔选项卡，您可以尝试一种解决方案，将相对 CSS 定位应用于选项卡以将它们分隔开。

Answer 2

您可以将 CSS 样式应用于 dijitTab 类以更改 TabContainer 的选项卡。只需给 TabContainer 一个 ID 并使用它来访问和设置其中的选项卡的样式。例如：

在 HTML 中声明 TabContainer：

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

然后使用以下 CSS 设置选项卡之间的边距：

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

当然，您可以通过样式获得更多创意，但这应该可以帮助您入门。