Javascript 如何在jQuery中计算div的高度?
我的处境是,我必须根据div中的内容量来设置div的高度,我不能在其中给出Javascript 如何在jQuery中计算div的高度?,javascript,jquery,Javascript,Jquery,我的处境是,我必须根据div中的内容量来设置div的高度,我不能在其中给出min height。我知道我们可以通过以下公式计算潜水舱的高度: $("#divid").height(); $(“#divid”).height(); 那么,有没有什么方法可以计算一个div的高度,而不需要在其中包含height参数,并根据其中的内容量给出该div的高度 我希望我能解释清楚 谢谢你的措辞有点让人困惑,但我想你是在问,即使div应用了不同的高度,如何计算div中内容的大小。为此,您可以使用元素的 如果您只
min height
。我知道我们可以通过以下公式计算潜水舱的高度:
$("#divid").height();
$(“#divid”).height();
那么,有没有什么方法可以计算一个div的高度,而不需要在其中包含height参数,并根据其中的内容量给出该div的高度
我希望我能解释清楚
谢谢你的措辞有点让人困惑,但我想你是在问,即使div应用了不同的高度,如何计算div中内容的大小。为此,您可以使用元素的
如果您只想知道如何计算元素的高度,即使它没有高度属性/样式,您可以使用您在问题中所写的内容
.height()
直接从浏览器呈现的值计算元素的高度,而不是具体从属性计算。正如您所说,使用.height()
,不需要为要使用的元素定义实际高度。下面是一个JSFIDLE,显示了它的作用:,即使在元素上没有高度设置(通过CSS或其他方式)。有两种方法:
$("#parent").height($("#child").outerHeight(true));
//-----------------------------^^^^^^^^^^^--^^^^-----outerHeight(true) will give
//---------------------------------------------------you the total height
//---------------------------------------------------including top bottom margins
更多信息。户外灯光:
如果您的html是:
<div style="height:450px;"></div>
你说“没有高度参数”是什么意思?我的意思是。如果我没有这个高度参数,那么我如何计算这个div的高度呢?@RavinderSingh应该只使用
.height()
。如果不使用该属性,它的计算结果很好。此外,div会自动垂直调整其内容,那么您在做什么来打破这种行为呢?这与此无关,但可能会对您有所帮助:)
<div style="height:450px;"></div>
$("#parent").css('height'); // this will give you the 450px