jquery在动态添加表时阻止自动修剪

Question

我使用jquery动态添加表，我使用这种模式：

var tbl = $("<table></table>").addClass("messageTable");
var tblRow = $("<tr></tr>").addClass("messageRow").appendTo(tbl);
var tblCol1 = $("<td></td>").text(username+":").addClass("sender").appendTo(tblRow);
var tblCol2 = $("<td></td>").text(message).css({"color":color}).appendTo(tblRow);

当我的'message'值以所有空格开头时，看起来这个机制会自动修剪文本。我确定，因为我在创建新表之前提示消息

例： message ='xxx' 然后表column ='xxx'

你能帮我解决一下如何防止自动修剪？

由于

Answer 1

这不是自动修剪，只是td内的任何空间都会被忽略。尝试下面的CSS，它应该工作，

td { white-space:pre-wrap; }

DEMO此处