Css 如何在firefox插件中创建垂直选项卡？

使用对话框处理firefox插件。我希望创建包含大量选项卡的选项卡框。如何使选项卡垂直显示？

---

似乎没有任何

定向属性。它需要一些CSS攻击吗？
您应该有一个带有多个选项卡元素的选项卡框

tabbox是否垂直定向：

或者只使用vbox。对于水平方向，请使用hbox。
经过两个小时的痛苦搜索，我自己找到了它。对于寻找答案的人，这里是：


默认情况下，选项卡框容器具有垂直方向，因此如果需要将选项卡向左移动，则需要首先使选项卡框的方向为水平方向。尽管Mozilla文档中的
tabbox
没有显示
orient
属性，但它确实可以工作。或者，您可以设置样式
-moz-box-orient:vertical
现在将
选项卡
方向更改为
垂直


有了这两种设置，它现在应该可以工作了。以下是示例xul代码：

<tabbox id="myTabList" selectedIndex="2" orient="horizontal">
  <tabs orient="vertical">
    <tab label="A First tab"/>
    <tab label="Second tab"/>
    <tab label="Another tab"/>
    <tab label="Last tab"/>
  </tabs>
  <tabpanels>
    <tabpanel><!-- tabpanel First elements go here --></tabpanel>
    <tabpanel><!-- tabpanel Second elements go here --></tabpanel>
    <tabpanel><button label="Click me"/></tabpanel>
    <tabpanel><!-- tabpanel Fourth elements go here --></tabpanel>
  </tabpanels>
</tabbox>



尽管这样做有效，但由于选项卡边缘位于默认方向，可能会导致选项卡的渲染效果不佳。您可能需要进行一些样式设置以更正此问题。
如问题中所述，选项卡框没有
orient
属性。此外，仅在
选项卡
或
选项卡面板
元素周围使用vbox并不能使它们垂直。谢谢你的回答！糟糕的是，对于
tabbox
，似乎确实存在
orient
。虽然实际的解决方案有点棘手，但我们需要同时更改
tabbox
和
tabs
元素。您能否分享您的解决方案？它将在将来帮助其他人。编辑：啊，我看到了，谢谢分享