javascript - のテキスト間に可変空白を追加する鬼ごっこ

Question

私は次のコードを持っています：

for(i = 0; i < results.rows.length; i++)
{
  $('#entries').append("<li>" + results.rows.item(i).food +
                       "<span class = 'addWhiteSpace'>" +
                       results.rows.item(i).calories + " caloriën" + "</span>" +
                       "</li>");
}

クラスの空白を含むスパンを既に追加し、CSS を に設定しましたmargin-left: 50px。それに関する問題は、空白がすべて同じであるため、スパンの位置が WebSQL データベースの結果に依存することです ( results.rows.item(i).food)。

Answer 1

上記の@nnnnnnのコメントに完全に同意します。

表形式のデータを表示しているため、構造を使用する必要があります<table>。これにより、データの可変幅が自動的に処理され、データが期待どおりに表示されます。