Выравнивание текста с использованием пробелов и предварительного тега

Question

Как выровнять текст правильно?

мой код:

data[0]=hello 123 
data[1]=hellowq 345 
data[2]=heloowaaa 678 
for (var i = 0; i < data.length; i++) { 
    obj += "<pre><li>" + data[i] + "</li></pre>"; 
} 

мой фактический ввод:

hello   123 
hellowq   345 
heloowaaa  678 

output : 
hello   123 
hellowq   345 
heloowaaa   678 

Я хотел бы получить такой вывод:

hello   123 
hellowq   345 
heloowaaa  678 

Answer 1

У вас есть недопустимый HTML, то только действительный ребенок либо <ul>, либо <ol> - элемент <li>; то <pre> элементы должны быть в пределах в <li> элементы:

for (var j = 0; j < data.length; j++) { 
    obj += "<li><pre>" + data[i] + "</pre></li>"; 
} 

а также CSS для <pre> элементов, установленных на white-space: pre-wrap (или аналогичный), это обычно по умолчанию стиль этого элемента, но вполне возможно, что по умолчанию были перезаписаны или установлены по-разному в вашем браузере.

Answer 2

Как я уже говорил в комментариях, вы, вероятно, добавляете одинаковое количество пробелов к каждой метке/паре значений. Решение, вероятно, находится в коде, который мы не видим, где вам нужно было бы вычесть длину вашего значения label + из числа генерируемых белых пробелов.

Лучшим способом для этого было бы размещение в html/css вместо этого. Быстрый и грязный пример.

HTML

<ul> 
    <li>Domdido <span class="value">$8</span></li> 
    <li>Domdido123 <span class="value">$8</span></li> 
</ul> 

CSS:

ul{list-style:none;padding-left:0; 
    width:50%; 
} 
.value{float:right;} 

http://jsfiddle.net/tqs2rvrd/