Question

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

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

像这样：

            klasdjlkasjdlsakjdlk
            kldjaslkdjsadkjasldj
            dlasjidlaskdjlaksjdl
  asdasd    ajsdlkasjdlaskjdlkas
            laksjdlaksdjsalkdjak
            adlksjdlasjdkasjdlka

我希望它是这样的。

asdasd      klasdjlkasjdlsakjdlk
            kldjaslkdjsadkjasldj
            dlasjidlaskdjlaksjdl
            ajsdlkasjdlaskjdlkas
            laksjdlaksdjsalkdjak
            adlksjdlasjdkasjdlka

有什么想法吗？

Answer 1

在css td vertical-align :top和text-align :left

中定义

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

没有css

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

Answer 2

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

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

Answer 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>

Answer 4

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

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

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

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

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

td { vertical-align: top; }

将表数据对齐在顶部

4 个答案: