将文本移动到td的顶部

时间:2017-06-30 15:55:52

标签: html css

如何将文字移动到<td>的上角?我试过这样但这不起作用。

enter image description here

&#13;
&#13;
.cssprop
{
  display: inline-block;
  vertical-align: text-top;
}
&#13;
<table border="1">
  <tr>
    <td class="cssprop">
    14.
    </td>
    <td>
    some very long text
    </td>
  </tr>
</table>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我认为这就是你想要的:

<table border="1">
  <tr>
    <td class="cssprop">
    14.
    </td>
    <td>
    some very long text
    </td>
  </tr>
</table>

<style>
.cssprop
{
  display: block;
  vertical-align: top;
  height: 200px !important;
}
</style>

更改了CSS高度以夸大显示结果。

JSFiddle:https://jsfiddle.net/md2100/74stpf0p/