用CSS设计HTML表格栏位内文字靠上对齐很简单，可以使用CSS内建的vertical-align属性来控制，vertical-align属性的参数值text-top与top都可以用来设置容器内的元素向上对齐，但是使用上必须注意的是，CSS vertical-align必须使用在单一个表格栏位（td）内才有效果，CSS vertical-align top的效果等同于传统HTML Table的valign top效果，都可以让表格文字垂直向上对齐。

关于vertical-align属性的详细语法，请参阅《CSS vertical-align属性》篇的介绍。

用CSS设计HTML表格栏位文字靠上对齐范例 style="vertical-align:text-top;" 或者 style="vertical-align:top;"  都可以
范例的实际效果范例中的表格总共有三个栏位（<td>）用来呈现文字的垂直对齐效果，第一个栏位（也就是最左边的栏位）所使用的是CSS vertical-align属性来让栏位内文字垂直靠栏位上缘对齐，中间的栏位则是用到传统HTML的valign来处理，效果是一样的，不过新一代的网页设计已经几乎采用CSS的vertical-align来处理垂直靠上对齐的效果，也获得大多数主流浏览器的支援，建议以CSS为设计主轴。第三个栏位并未设定任何的垂直对齐效果，所以文字是置中的，这也是大多数浏览器的预设值。

为了可以清楚呈现valign在开头<table>内设置无效，我们在范例中也实际操作一次，第三个栏位并未产生垂直靠上对齐的效果，换言之，valign也与CSS的vertical-align属性一样，必须直接写在表格栏位的<td>标签内才会有效果。

网页表格有很多设计的技巧，请参阅《HTML Table表格》的主题说明。
➤延伸阅读：用CSS设计HTML表格栏位内文字靠下对齐

来自 http://www.wibibi.com/info.php?tid=%E7%94%A8_CSS_%E8%A8%AD%E8%A8%88_HTML_%E8%A1%A8%E6%A0%BC%E6%AC%84...