html - 当第一个 `<td>` 的高度大于第二个 `<td>` 时,如何将第二个 `<td>` 中的元素对齐到左上角

标签 html css

当第一个高度<td>大于第二个 <td> , 包含第二个文本 <td>与中心对齐。我想要第二个 <td> 的文本或元素当第一个 <td> 对齐到左上角的高度大于秒。

我如何使用 css 来做到这一点? ?

<!DOCTYPE html>
<html>
<head>
<title>HTML5, CSS3 and JavaScript demo</title>
</head>
<body>
  <table border="1">
    <tr>
      <td>
        <div style="background-color:red;width:100px;height:200px">some text1</div>
      </td>
      <td>
        some text2
      </td>
    </tr>
  </table>
</body>
</html>

最佳答案

这应该有效:

table td:nth-child(2) {
   vertical-align: top;
}

关于html - 当第一个 `<td>` 的高度大于第二个 `<td>` 时,如何将第二个 `<td>` 中的元素对齐到左上角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36628053/

相关文章:

Javascript 下拉导航 - 缩小未选择的选项

html - 确保内容打印在不同的页面上

javascript - Html 将文本颜色设置为色轮

html - 在悬停边框上添加了 PIE

javascript - 键入时 JQuery 附加到文本框

HTML5 输入 : Whole number step with decimal min

javascript - 使用 css 更改所选菜单项的颜色

html - 伪类不适用于类

javascript - 如何在css中模拟鼠标悬停在图像上

css - Fira sans 看起来不一致 fi 和 fl 没有分开,看起来更大胆