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);

当我的“消息”值以所有空格开头时，看起来此机制会自动修剪文本。我确定，因为我在创建新表之前会发出警报消息

例如: 消息='xxx' 然后表列='xxx'

你能帮我看看如何防止自动修剪吗？

谢谢

Answer 1

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

td { white-space:pre-wrap; }

DEMO这里