Html 如何在<;顶部显示数据;td>;给内桌贴标签?

Html 如何在<;顶部显示数据;td>;给内桌贴标签?,html,css,html-table,Html,Css,Html Table,如何在标记内部表格顶部显示数据 通过下面的代码,当加载页面时,它将显示如下图像: 但我想在标记的顶部显示111,如下图所示: 我该怎么做?我什么都试过了,但都没用 <table> <tbody> <tr> <td style="width: 100px;-ms-word-wrap: break-word;word-wrap: break-word;-ms-word-break: break-word;w

如何在
标记内部表格顶部显示数据

通过下面的代码,当加载页面时,它将显示如下图像:

但我想在
标记的顶部显示
111
,如下图所示:

我该怎么做?我什么都试过了,但都没用

<table>
    <tbody>
        <tr>
            <td style="width: 100px;-ms-word-wrap: break-word;word-wrap: break-word;-ms-word-break: break-word;word-break: break-word;word-break: break-all;padding-left: 10px;border: 1px solid #d0d0d0;text-align: center;">111</td>
            <td style="width: 600px; -ms-word-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; word-break: break-all; padding-left: 10px; border: 1px solid #d0d0d0; ">
dsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdfdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdfdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdf
            </td>    
        </tr>
        <tr>
            <td style="width: 100px;-ms-word-wrap: break-word;word-wrap: break-word;-ms-word-break: break-word;word-break: break-word;word-break: break-all;padding-left: 10px;border: 1px solid #d0d0d0;text-align: center;">222</td>
            <td style="width: 600px; -ms-word-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; word-break: break-all; padding-left: 10px; border: 1px solid #d0d0d0; ">
dsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdh
            </td>    
        </tr>
    </tbody>
</table>

111
DSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDFFDSGFGDGDGDFFDSGFGDGDGDGDFFDSGFGDGDGDFFDSGFDHGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDGDGDGDGDGDFFDSGFGDGDGDGDGDGDGDFFDSGFDSGFGDGDGDGDGDGDFFDSGFDFGDGDGDGDGDGDGDGDGDGDGDGDFFDSGFDSGFGDGDGDFFDSGFGDGDGDGDFFDSGFGDGDGDGDGDGDGDGDGDGDGDGFDSGFDSGFGDGDGDGDGDFFDSGFGDGDGDGDGDGDGDGDGDGDGDGDGDGDGDFFDSGFDSGFDFDFDFDFDFDFDFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDFFDSGFGDGDGDFFDSGFGDGDGDGDFFDSGFGDGDGDFFDSGFDHGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDGDGDGDGDGDFFDSGFGDGDGDGDGDGDGDFFDSGFDSGFGDGDGDGDGDGDFFDSGFDFGDGDGDGDGDGDGDGDGDGDGDGDFFDSGFDSGFGDGDGDFFDSGFGDGDGDGDFFDSGFGDGDGDGDGDGDGDGDGDGDGDGFDSGFDSGFGDGDGDGDGDFFDSGFGDGDGDGDGDGDGDGDGDGDGDGDGDGDGDFFDSGFDSGFDFDFDFDFDFDFDFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDFFDSGFGDGDGDFFDSGFGDGDGDGDFFDSGFGDGDGDFFDSGFDHGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDGDFFDSGFGDGDGDGDGDGDFFDSGFGDGDGDGDGDGDGDFFDSGFDSGFGDGDGDGDGDGDFFDSGFDFGDGDGDGDGDGDGDGDGDGDGDGDFFDSGFDSGFGDGDGDFFDSGFGDGDGDGDFFDSGFGDGDGDGDGDGDGDGDGDGDGDGFDSGFDSGFGDGDGDGDGDFFDSGFGDGDGDGDGDGDGDGDGDGDGDGDGDGDGDFFDSGFDSGFDFDFDFDFDFDFDF
222
DSGFDHGDFFDSGFDHGDFFDSGFDHFFDSGFGDFFDSGFDHGDFFDSGFDHGDFFDSGFDHGDDSGFDH

添加一个
垂直对齐:顶部你可以走了

加上这个


编辑:将这些内联代码放入类中并使用它

添加一个
垂直对齐:顶部你可以走了

加上这个

编辑:将这些内联代码放入类中并使用它

您可以使用

 <td style="...; vertical-align: top;">...</td>
。。。
您可以使用

 <td style="...; vertical-align: top;">...</td>
。。。

在这里,您可以通过添加
CSS
类来完成

table td { 
  display: table-cell;
  vertical-align: top; 
}

这有助于对表的所有
进行一次性编码。

在这里,您可以通过添加
CSS
类来完成

table td { 
  display: table-cell;
  vertical-align: top; 
}

这有助于对表格进行一次编码和全部编码。

顺便说一句,不要使用
-ms word wrap
。IE本身使用
word wrap
,没有其他浏览器支持
-ms-
前缀。顺便说一下,不要使用
-ms word wrap
。IE本身使用
wordwrap
,没有其他浏览器支持
-ms-
前缀。