如何增加 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") 设置任何对象的高度

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

---

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

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);