javascript - jQuery text()忽略前导空白

This question already has answers here:

Multiple Spaces Between Words in HTML without  
                            
                                （4个答案）
                            
                    
                3年前关闭。
        

    

我正在处理一个脚本，该脚本应该在表中填充一些字符串数据。
使用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))
);

我该如何解决此问题？

提前致谢！

最佳答案

jQuery不是问题。生成的标记包含单词blank之前和之后的空格。这是渲染表的问题。

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

请参见this edited fiddle。

关于javascript - jQuery text()忽略前导空白，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37387892/