在文本中的文本之間添加可變空格 <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>構造。 這將自動處理數據的可變寬度，並按您期望的數據顯示。