jQuery text（）忽略前导空白

Question

我正在编写一个脚本，它应该用一些字符串数据填充表格 使用jQuery的append和text函数可以很好地处理没有前导空白符号的数据。

但如果字符串以一个或多个空白符号开头，则会被忽略。

请查看此代码示例：https://jsfiddle.net/e56eb0zx/2/

var blank = " blank ";
var no_blank = "no_blank";

$("tbody").append(
  $("<tr>")
  .append($("<td>").text("|"+blank+"|"))
  .append($("<td>").text(blank))    // why isn't the blank displayed?
);

$("tbody").append(
  $("<tr>")
  .append($("<td>").text("|"+no_blank+"|"))
  .append($("<td>").text(no_blank))
);

我该如何解决这个问题？

提前致谢！

Answer 1

jQuery不是问题。生成的标记包含空白字之前和之后的空白。这是渲染表的问题。

为表格单元格设置CSS属性white-space为pre或pre-wrap以获得所需的行为。

请参阅this edited fiddle。