Реализация разделителя без ширины внутри блока

StackOverflow https://stackoverflow.com/questions/1061315

  •  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;"/>

Деревья имеют специальный код чтобы заставить работать разделители нулевой ширины.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top