我需要将 div 放在表格单元格中。 div 和单元格高度应始终根据 div 的动态内容对齐。
如果在其中插入文本，则 div 高度会增加，但其他 div 的高度保持不变：
示例： http://jsfiddle.net/BWYQg/
作为解决方法，我使用 js 扩展剩余 div 的高度（增加 div min-height），但是 如果插入后内容被清除，我会看到下图：
示例： http://jsfiddle.net/BWYQg/1/
那么问题是如何让 td 和 div 的高度始终根据 div 的内容对齐？
统一更新：
div 的内容应该是可编辑的 (<div contenteditable>)，所以输入文本后 div 的高度会增加。
【问题讨论】：
查看等高函数。 http://www.catswhocode.com/blog/8-awesome-jquery-tips-and-tricks希望对您有所帮助。
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
$(document).ready(function() {
equalHeight($(".recent-article"));
equalHeight($(".footer-col"));
});
【讨论】：
<br/> 标签，Chrome 创建新的空<div>。这就是算法工作错误的原因。它需要更具体的 css 和 jquery 选择器。这是更新的小提琴：jsfiddle.net/BWYQg/54
我可能会推荐使用 jQuery 等高类型的插件，比如这个：
您只需将相同的类添加到每个 DIV 并在调用插件时引用它。
http://www.cssnewbie.com/download/jquery.equalheights.js
所以你需要从上面的页面下载等高的 JS 文件，并在你调用 jQuery 之后将它包含在你的网页中。
然后你像这样调用脚本：
$(document).ready(function() {
$('.myDiv').equalHeights();
});
【讨论】：
您始终可以从具有内容的元素中获取 .height() 并将其设置为动态的其他元素。例如：
var $tdContentHeight = $('tr td .has-content').height();
$('tr').find('td .has-no-content').each(function() { $(this).height($tdContentHeight)})
您还可以比较高度并始终选择最高高度并将它们分配给 tr 中的所有其他元素。
再次更新小提琴。在这里查看：
【讨论】：