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

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

Answer 1

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

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