html - 使html内容自动进入下一行

Question

我正在创建一个聊天应用程序，我正在动态填充 div 中的消息

$('#conversation').append('<div class="message"><span><b>'+username+': </b>' + data + '</span></div>');

但问题是如果消息太长，它不会在下一行继续。我试过

white-space:normal;

但还没有运气。这是假人 Fiddle

Answer 1

DEMO

.message {
    white-space: normal;
    word-break: break-all;
}