在嵌套的td中心垂直制作文本

Question

我的桌子有三个td个。在第一个和最后一个td内有嵌套表。最后一行包含文本行和行，而第一行只有一行或两行。中间只是一行文字。如何让第一个表格的第二行填充剩余的水平空间，以便一行文本水平居中，与第二行td中的自由浮动文本对齐。我已经尝试将它包裹在div中，并且高度恒定，但是没有做任何事情。我不确定我还能做些什么。

期望的结果：

+------------+------------+------------+
|    blah    |   bleh     |    blet    |
+------------+------------+------------+
|            |            |    asdf ds |
|            |            |  sdff sdf  |
|    blah    |    blah    |  sadf sd f |
|            |            | sdf sdfs df|
|            |            |    dss dsd |
+------------+------------+------------+

JSBIN

Answer 1

如果网站不需要响应并且您知道桌子的高度，则可以添加CSS高度/最小高度属性 - 否则我认为您必须利用一些JavaScript来计算表的高度，然后将该值应用于表。

http://jsbin.com/pifanoja/6/edit

.less_text table {
    height:140px
}