Html 使文本垂直居中

Html 使文本垂直居中,html,css,Html,Css,我有一个表,有三个td。在第一个和最后一个td中有嵌套的表。最后一行有一行文字,而第一行只有一两行。中间是一行文字。如何使第一个表的第二行填满剩余的水平空间,使一行文本水平居中,与第二个td中的自由浮动文本对齐。我试着把它包装成一个高度恒定的div,但没有任何效果。我不知道我还能做什么 预期结果: +------------+------------+------------+ | blah | bleh | blet | +------------+----

我有一个表,有三个
td
。在第一个和最后一个
td
中有嵌套的表。最后一行有一行文字,而第一行只有一两行。中间是一行文字。如何使第一个表的第二行填满剩余的水平空间,使一行文本水平居中,与第二个
td
中的自由浮动文本对齐。我试着把它包装成一个高度恒定的
div
,但没有任何效果。我不知道我还能做什么

预期结果:

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

如果站点不需要响应,并且您知道表格的高度,您可以添加CSS height/min height属性,否则我认为您必须利用一些JavaScript计算表格的高度,然后将该值应用于表格

.less_text table {
    height:140px
}