Реализация разделителя без ширины внутри блока
-
21-08-2019 - |
Вопрос
У меня есть горизонтальная коробка, состоящая из 4 других коробок, разделенных разделителями.Я хочу использовать разделитель, который выглядит как разделитель деревьев (без ширины), но всякий раз, когда я пытаюсь его использовать, разделители исчезают, и размер столбцов невозможно изменить.Есть идеи, почему?
Или у вас есть идеи, как я могу реализовать сплиттер, который будет выглядеть как сплиттер? 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.
Решение 2
С использованием:
<splitter style="background-image: none; width: 1px; min-width: 1px;"/>
дал мне тот вид, который мне был нужен.Вероятно, отсутствие переопределения минимальной ширины мешало ему стать тоньше.
Другие советы
Я попробовал использовать id="folderpane_splitter" в Firefox, но внешний вид не изменился.В любом случае, возможно, вы ищете что-то подобное?
<splitter style="-moz-appearance: separator;"/>
Деревья имеют специальный код чтобы заставить работать разделители нулевой ширины.