有没有办法在 jQuery 中检测隐式和显式 CSS 高度值？

Question

在 jQuery 中，$('#foo').height() 和 $('#foo').css('height') 都返回一个值，即使没有使用 CSS 显式设置 height 属性。有没有办法检测一个元素是否没有明确的高度，即它只是根据其内容呈现？

这是我写的一个例子来演示：http://jsfiddle.net/Enn6p/2/

编辑

为了进一步澄清我的问题，$('#foo').css('min-height') 和 $('#foo').css('max-height') 如果未明确设置，则已经正确返回空字符串。我正在寻找一种方法来确定是否通过 CSS 设置了明确的 height 值。

用例

我有一个脚本试图使浮动元素具有相同的高度。它通过遍历元素来查看哪个元素最高，然后将该高度应用于所有元素。在某些情况下，这些元素已经明确设置了高度，但其他元素是隐式渲染的。

我现在想添加撤消此操作的功能，并使一切恢复到原来的高度。为此，我需要知道元素最初是否设置了高度，或者高度是否为“自动”。一旦我可以做到这一点，我可以将原始值存储在元素的数据集合中，然后使用它来恢复到原始高度。

Answer 1

基本上，如果你去掉一个元素的内容并测量它的高度，它将等于 0，除非它之前设置了一个高度（作为一种样式）。所以根据这个推理：

 function hasSetHeight(elem){
    var html=elem.html();
    elem.html('');
    height = elem.height();
    elem.html(html);
    return (height > 0);
}

删除元素的所有内容，测量它的高度，如果元素有设定的高度，则返回真或假。

Answer 2

在一些旧版本的 jQuery 中是可能的：

http://jsfiddle.net/strikernl/y3P3A/

但现在你应该只使用如下函数：

function sizeDefined(obj){
   var tmp = obj.clone().html('').appendTo($('body'));
    var w = (tmp.width()==0  ? "no":"yes");
    var h = (tmp.height()==0  ? "no":"yes");
    tmp.remove();
   return  [w,h];
}

http://jsfiddle.net/Enn6p/12/