在盒子内部实现没有宽度的分割器

Question

我有一个水平盒子，由另外四个由分割器分隔的盒子组成。我想使用看起来像树分割器（没有宽度）的分割器，但每当我尝试使用它时，分割器就会消失，并且无法调整列的大小。有什么想法吗？

或者您是否知道如何实现一个看起来像id="folderpane_splitter"宽度可能为1px的分割器？这个解决方案对我来说是完美的。

我的代码如下：

<hbox>
     <hbox flex="10">
         <label value="name1"/>
     </hbox>
     <splitter/>
     <hbox flex="20">
         <label value="name2"/>
     </hbox>
     <splitter/>
     <hbox flex="30"">
         <label value="name3"/>
     </hbox>
     <splitter/>
     <hbox flex="40">
         <label value="name4"/>
     </hbox>
</hbox>

如果有人想知道我正在为Thunderbird做扩展工作。

Answer 1

我尝试在firefox中使用id =“folderpane_splitter”，但它没有改变外观。无论如何，也许你正在寻找这样的东西？

<splitter style="-moz-appearance: separator;"/>

Answer 2

使用：

<splitter style="background-image: none; width: 1px; min-width: 1px;"/>

给了我我需要的外表。可能不会覆盖min-width会使它变得越来越薄。

Answer 3

树有special code可以使零宽度分割器工作。