javascript - 如何增加 HTML 和 jQuery 中的行高？

Question

你能告诉我如何增加行的高度（即 div ）。我在 div 中附加数据。但我需要增加 div 的高度。平均高度示例：50 px。这意味着 50px 后新行将开始 ？

小提琴 http://jsfiddle.net/naveennsit/rgeHe/3/

   setInterval(function () {
$('#realTimeContents').append("Hiiiii. is div")


    }, 1000);

Answer 1

任何对象的高度都可以在 JQuery 上设置.height(20)为.css("height","20")

对于 inline-block 元素（div 是块元素），您可能需要line-height改用。

---

注意，如果您要添加内容并且希望增加高度，那么您应该设置

height:auto

这是 div 的默认值。

---

对于您当前的问题，您宁愿需要固定宽度，以便内容增长。

下一行也要附加 a <br/>。

Answer 2

尝试这个：

<div id="realTimeContents"  style="width:100%;height:auto "> 
</div>  

 setInterval(function () {
$('#realTimeContents').append("<div height = '50' background = 'yellow'>Hiiiii. is div</div><br/>")


    }, 1000);