jquery - 使用 JQuery 随内容增长的 Div

Question

我有一个名为#devices 的 div，我使用 ajax 来填充它，但我遇到了一些样式问题，我将一个 json 附加到设备 div，如下所示:

$('#devices').html(json);   

我在我的 css 中设置设备的宽度是这样的:

#devices
{
    border:thin solid #C7C7C7;
    padding:20px;
    width:600px;
}

我不确定内容的宽度是多少，因为当用户更改选择框中的元素时它会发生变化，我该如何制作它以便文本将换行在 600 像素宽的 div 中？

现在内容打印在一条横跨页面并延伸到 div 之外的大线上，

谢谢!

Answer 1

您可以使用 whitespace: pre-wrap .

或者，为什么不使用 jquery 而不是将 JSON 字符串直接插入到 #devices div 中？ . tmpl或 some other JavaScript模板引擎为您的设备列表生成 HTML？