如何在HTML和jQuery中增加行高？

Question

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

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

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


    }, 1000);

Answer 1

可以使用.height(20)或.css("height","20")

在JQuery上设置

任何对象的高度

对于内联块元素（div是块元素），您可能需要使用line-height。

---

注意，如果您要添加内容＆amp;你希望高度增加，那么你应该设置

height:auto

这是div的默认值。

---

对于您当前的问题，您需要修复宽度，以使内容增长。

要接受它，下一行也会追加<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);