Html 表格单元格中文本的垂直对齐方式

这是我桌子的一部分（这是一张表格）：

这只是一个

中的两个

。我试图把描述放在表格单元格的顶部，而不是放在底部

我该怎么做

td.description {vertical-align: top;}

其中

description

是包含该文本的

td

的类名

td.description{
垂直对齐：顶部；
}

Description

valign=“top”

应该完成这项工作

描述

试试看

td.description{
线高：15px
}

---

Description

我遇到了同样的问题，但通过使用

解决了它！重要信息

。我忘记了

CSS

中的继承。首先请注意一点。

如果您使用的是引导，请为您的表格添加以下自定义样式设置：

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
      vertical-align: middle;
 }

---

只需添加垂直对齐：仅第一个td需要顶部，而不是所有td都需要

tr>td：第一个孩子{
垂直对齐：顶部；
}

描述
更多文本

CSS{vertical align:top；}或html属性{valign=“top”}

。表td，
.表th{
边框：1px实心#161b21；
文本对齐：左对齐；
填充：8px；
宽度：250px；
高度：100px；
/*桌子样式*/
}
.表格正文{
垂直对齐：顶部；
}

标题1
标题2
文本
文本

在HTML5中，

valign

属性被弃用。这对我不起作用：（可能是因为描述td有一行文本，而第二个td有很多？哎呀，假警报，我的问题是我在试图对齐的td上错误地设置了一个填充。我喜欢这种替代方法。它为您提供了一种不同的控件，在组合其他CSS样式等时可能很有用。

valign

是obso从HTML5中删除，不应再使用（请参阅）