垂直对齐和垂直对齐在桌子上不起作用！

问题描述

| 我正在使用AJAX动态生成表。要填充的表的结构如下：

<table id=\"foobar\"  style=\"width:100%\">
    <thead>
        <tr>
            <th style=\"width:20%;\"></th>
            <th style=\"width:55%;\"></th>
            <th title=\"widget name\">Name</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

单元格数据包含：一个图像带有锚标签和段落的div包装器我尝试了以下方法：将valign=\"top\"（分别）设置为table，th和tr级别-没有效果将style=\"vertical-align: top;\"（分别）设置为table，th和tr的级别-无效我不想在单元格级别设置align属性，因为如果表包含几行（例如数百行），它将导致过多的不必要的膨胀。如何强制表格将其单元格内容垂直对齐到顶部（请注意，单元格包含块元素？

解决方法

无论我们在这里看到的所有设置是否都是实际使用的设置，9都应该起作用。全局CSS设置但是我怀疑这里有另一个枪手。您是否检查了全局CSS文件对TH元素的定义？也许那是让您头痛的原因。 ,这是带有TH和TD标签的基本表格示例，其中内容设置为\“ vertical-align：top \”。演示：http：//jsfiddle.net/HAQ3s/472/

th,td {
    vertical-align: top;
}

<table>
    <tr>
        <th>A<br /><br /></th>
        <th>B</th>
        <th>C</th>
    </tr>
    <tr>
        <td>1<br /><br /></td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

,要以所需的方式影响单元格，需要在单元格级别设置对齐方式。由于您不想对每个人都这样做，因此您需要考虑在页面中添加css / style部分。这是您需要的示例定义-通常在标题部分或单独的文件中，但您甚至可以在\“

<style type=\"text/css\">
td {
  vertical-align: top;
}
</style>

tr {vertical-align: top;}

适用于我的示例代码，也许您需要查看是否有复位或某些操作将explicitly15的垂直对齐设置为中间或底部在那种情况下

tr td {vertical-align: top;}

应该也可以使选择器更具体，尽管在实际使用情况下，可能需要更多选择，具体取决于导致td推翻ru4ѭ设置的原因

不起作用不起作用垂直垂直对齐对齐桌子