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>构造。这将自动处理数据的可变宽度，并按照您期望的数据显示它。