Сведения о вопросе

Ayrat

03:19, 28th August, 2020

Теги

html   html-select    

Как поставить пробел перед текстом опции в элементе HTML select?

Просмотров: 524   Ответов: 4

В выпадающем списке мне нужно добавить пробелы перед параметрами в списке. Я пытаюсь это сделать

<select>
<option>&#32;&#32;Sample</option>
</select>

для добавления двух пробелов, но он не отображает пробелов. Как я могу добавить пробелы перед текстами опций?



  Сведения об ответе

lats

08:56, 22nd August, 2020

Разве &#160 не является сущностью пространства?

<select>
<option>&#160;option 1</option>
<option>    option 2</option>
</select>

Работать на меня...

EDIT:

Просто проверил это, там могут быть проблемы совместимости с этим в старых браузерах, но все, кажется, работает нормально для меня здесь. Просто подумал, что я должен дать вам знать, как вы можете заменить на &nbsp;


  Сведения об ответе

dump

22:03, 24th August, 2020

Я думаю, вы хотите &nbsp; или &#160;

Так что исправленная версия вашего примера может быть...

<select>
  <option>&nbsp;&nbsp;Sample</option>
</select>

или

<select>
  <option>&#160;&#160;Sample</option>
</select>


  Сведения об ответе

prince

02:05, 13th August, 2020

Используйте \xA0 со строкой. Это прекрасно работает при привязке данных модели C# к раскрывающемуся списку...

  SectionsList.ForEach(p => { p.Text = "\xA0\xA0Section: " + p.Text; });


  Сведения об ответе

nYU

06:10, 5th August, 2020

Как отметил Роб Купер, есть некоторые проблемы совместимости со старыми браузерами (IE6 будет отображать фактические буквы " & nbsp;"

Вот как я обхожу его в ASP.Net (у меня нет VS открытых, поэтому я не уверен, на какие символы это на самом деле переводится):

Server.HtmlDecode("&nbsp;") 


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться