javascript - 如何使表格td行高等于tr的高度，tr高度不固定

Question

上图是设计图，要素名称和要素值是对应的，然后他们的数量是不固定的。

这个开发的图，td的行高需要等于tr的高度，然后line-height等于tr的高度。使用jquery的height()，还有outHeight()得到的结果都是50px的高度，而实际tr的高度有155px。

有没有什么好一点的办法。可以使用css3、js、jquery。

Answer 1

已经解决了，刚代码写错了

var trHeight = $('td').parent('tr').height();
$('td').css('line-height',trHeight + 'px');

Answer 2

如果我没理解错的话，你是希望圆圈里无论是几行，都要在垂直方向均匀分布，所以你应该在这两个单元格里再嵌套一个表格，并使该表格的高度为100%，宽度100%