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
}