如何取消对齐相邻表格单元格的子项？答案

【问题标题】：How to dis-align children of adjacent table-cells?如何取消对齐相邻表格单元格的子项？
【发布时间】：2017-02-24 04:34:17
【问题描述】：

我的jsfiddle 有一个div 和display:table，还有两个孩子和display:table-cell。每个孩子都有不同的填充物但是它们每个内部的内容仍然是对齐的。有没有解决的办法？我希望child-two 与表格单元格的左上角保持对齐，而不使用相对/绝对位置。这可能吗？

【问题讨论】：

标签： css alignment text-alignment

【解决方案1】：

使用vertical-align:

.table-cell {
  display: table-cell;
  height: 100px;
  width: 100px;
  border: 1px solid #f00;
  vertical-align: top;

}

【讨论】：

【解决方案2】：

添加这个 CSS：

.table-cell:nth-of-type(2) {
    vertical-align: top;
}

https://jsfiddle.net/hpfye47v/1/

【讨论】：