За последние 24 часа нас посетил 22891 программист и 1223 робота. Сейчас ищут 708 программистов ...

Добавить пробел в <option>

Тема в разделе "HTML и CSS", создана пользователем Дюран, 28 май 2019.

  1. Дюран

    Дюран Активный пользователь

    С нами с:
    9 мар 2018
    Сообщения:
    257
    Симпатии:
    19
    Привет.
    Не подскажите есть какая то возможность добавить отступы (пробелами или чем то таким невидимым) к <option> ?

    Код (Text):
    1. <option value="0">- корень</option>
    2. <option value="1">   - ребенок1</option>
    3. <option value="2">        - ребенок2</option>
    Чтобы выглядело оно в select списке как Дерево
    Код (Text):
    1. - корень
    2.    - ребенок1
    3.         - ребенок2
    &nbsp; не прокатывает, с optgroup пока вижу сложности чтобы так сделать, на входе просто массив таких значений с отступами.
     
  2. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.823
    Симпатии:
    736
    Адрес:
    Татарстан
    &nbsp; - это код пробела
     
  3. Дюран

    Дюран Активный пользователь

    С нами с:
    9 мар 2018
    Сообщения:
    257
    Симпатии:
    19
    Я же сказал, что с ним не работает, в firefox по крайней мере, было бы идеально если бы работало. А так оно его вот так и показывает
     
  4. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Какая у вас версия FF? Потому что у меня 67.0 и &nbsp; работает нормально.
     
  5. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    3.792
    Симпатии:
    650
    html optgroup, только на вложенность я бы не стал рассчитывать.
    --- Добавлено ---
    «Ребенок 1» правда поспособствовал рождению «ребенка 2»? Или вы такую вложенность просто для наглядности изобразили?
     
  6. Дюран

    Дюран Активный пользователь

    С нами с:
    9 мар 2018
    Сообщения:
    257
    Симпатии:
    19
    Точно. Это фреймворк походу заэкранировал контент
     
  7. yanuzay

    yanuzay Активный пользователь

    С нами с:
    28 мар 2018
    Сообщения:
    498
    Симпатии:
    57
    Сделал бы как-нибудь так:
    Код (Text):
    1. <option value="0">корень</option>
    2. <option value="1">-ребенок1</option>
    3. <option value="2">--ребенок2</option>
    Код (Text):
    1. корень
    2. - ребенок1
    3. -- ребенок2
     
  8. Дюран

    Дюран Активный пользователь

    С нами с:
    9 мар 2018
    Сообщения:
    257
    Симпатии:
    19
    Да у меня по факту всегда так и было, но сейчас более мне симпатезирует чтобы тирешки у детей были выровнены по ихнему родителю, а не все начинались от корня