在<li>标记</li>中的文本之间添加变量空格

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>");
}

我已经添加了一个带有类空白的span，并将CSS设置为margin-left: 50px。 问题是空白都是一样的，所以跨度的位置取决于我的WebSQL数据库（results.rows.item(i).food）的结果。

Answer 1

我完全同意@nnnnnn上面的评论。

您正在显示表格数据，因此您应该使用<table>构造。这将自动处理数据的可变宽度，并按预期数据显示。