在顶部对齐表格数据答案

【问题标题】：Aligning table data at the top在顶部对齐表格数据
【发布时间】：2013-04-30 20:49:26
【问题描述】：

我想在顶部对齐表格数据。示例。

数据——我想在顶部对齐 text.... - 这包含大量文本，使第一个表格数据位于中心

像这样：

            klasdjlkasjdlsakjdlk
            kldjaslkdjsadkjasldj
            dlasjidlaskdjlaksjdl
  asdasd    ajsdlkasjdlaskjdlkas
            laksjdlaksdjsalkdjak
            adlksjdlasjdkasjdlka

我希望它是这样的。

asdasd      klasdjlkasjdlsakjdlk
            kldjaslkdjsadkjasldj
            dlasjidlaskdjlaksjdl
            ajsdlkasjdlaskjdlkas
            laksjdlaksdjsalkdjak
            adlksjdlasjdkasjdlka

有什么想法吗？

【问题讨论】：

标签： html css html-table

【解决方案1】：

定义在你的csstdvertical-align :top和text-align :left

td{vertical-align:top;text-align:left;}

没有 CSS

<td valign="top" align="left"> // here your data </td>

【讨论】：

我可以不使用 css 做到这一点吗？还是在标签内？

【解决方案2】：

这只是一个标准的 HTML 表格吗？

  <td valign="top">text</td>

【讨论】：

仅供参考 - Css 是更好的选择，我认为 HTML5 不支持 valign

【解决方案3】：

以下是不使用 CSS 的方法：

<table width="100" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td valign="top">
        asdasd
        </td>
        <td>
        klasdjlkasjdlsakjdlk
        kldjaslkdjsadkjasldj
        dlasjidlaskdjlaksjdl
        ajsdlkasjdlaskjdlkas
        laksjdlaksdjsalkdjak
        adlksjdlasjdkasjdlka
        </td>
    </tr>
</table>

【讨论】：

【解决方案4】：

最好使用 CSS，而不是内联，因为您将拥有更大的灵活性，并且您的代码将更精简且更易于阅读。

如果您只想对特定单元格执行此操作，请考虑使用类。

对于内联（不推荐），请使用以下内容：

<td valign="top">...</td>

要使用 css，请在样式表中使用以下内容：

td { vertical-align: top; }

【讨论】：