javascript - CSS 未正确应用于由 JQuery 创建的元素，但在检查元素中切换元素时神奇地得到纠正

Question

我有一个聊天界面，可以在其中动态添加消息。下面是发送消息函数中的示例代码。

$chatlogs.append(
        $('<div/>', {'class': 'chat self'}).append(
            $('<p/>', {'class': 'chat-message', 'text': text})));

请注意，英语在右侧被截断。但相信我，CSS 很好。 当我检查元素并切换（禁用并再次启用）最大宽度或边距复选框时，神奇地对齐得到纠正。

所以从技术上讲，我没有对 CSS 进行任何更改。我只是禁用并重新启用了元素，神奇地一切都被排序了。这显然意味着 CSS 配置正确。但是当你使用 JS 添加元素时，它无法正确获取 CSS。

我该如何解决这个问题？

标签： javascriptjqueryhtmlcss