为什么jQuery会重新绘制我的Div

Question

我有一个功能，每秒将日期增加一天。当日期等于某些日期时，我想用其他文本填充我的#newsDiv。 #newsDiv将显示所有过去的新闻。＆＃34; #newsDiv会滚动，因此div不会太大。但是，每当新的＆＃34;新闻＆＃34;添加到我的div大小增加，边框重绘。

var dateCheck = function () {
    switch (dString) {
    case "January 1, 1992":
        $('#newsDiv').append(dString + "<br>"//bunch of other code);
        break;
    case "January 2, 1992":
        $('#newsDiv').append(dString + "<br>" //bunch of other code);
        break;
    case "January 3, 1992":
        $('#newsDiv').append(dString + "<br>" //bunch of other code);
        break;
    case "January 4, 1992":
        $('#newsDiv').append(dString + "<br>" //bunch of other code);
        break;
}
};

拨弄

http://jsfiddle.net/xbbmtxug/

Answer 1

默认span元素显示inline。

将#newsContainer设为div，或将其显示更改为block或inline-block。

DEMO