Табулирование опции выбора тега

Question

В настоящее время я занимаюсь разработкой приложения Struts (1.3.10) и пытаюсь отобразить в поле со списком набор данных. Каждый отдельный параметр (строка) является строкой, созданной объединением 3 различных строк.

У меня вопрос: возможно ли табулировать эту информацию в каждой опции из поля со списком, чтобы показать информацию, подобную примеру, который вы видите здесь:

Data1 | Data2 | Data3  
DataLargerThan1 | Data2 | DataLargerThan3  
DataMuchLargerThan1| DataLargerThan2 | Data3

должно быть

Data1               | Data2           | Data3  
DataLargerThan1     | Data2           | DataLargerThan3  
DataMuchLargerThan1 | DataLargerThan2 | Data3

Возможно ли это? Я пытаюсь показать отформатированные данные с тегом pre, но у меня пока нет результатов.

Спасибо заранее, Carlos

Answer 1

Лучшее, что вы можете сделать, это использовать неразрывные пробелы вместо обычных пробелов. Это, однако, требует точного знания ширины шрифта заранее. Это проще всего в сочетании с моноширинным шрифтом, так как каждый символ имеет фиксированную ширину.

Пример:

<select style="font-family: monospace;">
    <option>Data1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;Data2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;Data3</option>
    <option>DataLargerThan1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;Data2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;DataLargerThan3</option>
    <option>DataMuchLargerThan1&nbsp;|&nbsp;DataLargerThan2&nbsp;|&nbsp;Data3</option>
</select>