CSS文本定位在表格行中

时间:2015-07-20 20:30:15

标签: html css twitter-bootstrap

我在表格行的中间放置文本时没什么问题。

enter image description here

每个表行包含三个<td>元素。我想将文本放在单元格的中间。现在,“名称”文字中“描述”较长,位于顶部。 我累了

td {
  vertical-align: middle;
}

但这不起作用。 如何正确定位文字?

更新
这很好用:

.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

1 个答案:

答案 0 :(得分:1)

我发现最合适的另一个很好的选择是使用line-height属性垂直对齐/居中 单行 文本

td {
  line-height: 100px; /*play around with this value*/
}