jquery append() 和容器大小

Question

我正在尝试使用 Jquery .append() 方法将字符串附加到 div，但是附加的文本不适合框的大小。

我附上了一个显示示例的 fiddle : http://jsfiddle.net/JvYRM/25/

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
var tempS = '';
Object.keys(person).forEach(function(key) {
    console.log(key, person[key]);
     tempS += key+'&'+person[key];
    $('.box').append(key+'&'+person[key]+'<br>');

});

 $('.box2').append(tempS);

Answer 1

您可以为 .box2 元素使用 CSS 的 word-break 属性:

word-break: break-all;

JS Fiddle demo .

顺便说一下，在您的 HTML 中，请注意 & 应该编码为 &，因为它是 HTML 字符实体的第一个字符。

引用:

• > word-break .