如何dis-align children 相邻table-cells？

Question

我的 jsfiddle 有一个 div 和 display:table 以及 2 个 children 和 display:table-cell。 children 每个都有不同的填充但它们每个里面的内容仍然对齐。有没有解决的办法？我希望 child-two 与 table-cell 的左上角保持对齐，而不使用位置 relative/absolute。这可能吗？

Answer 1

使用vertical-align:

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

}

Answer 2

添加这个CSS:

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

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

如何dis-align children 相邻table-cells？

How to dis-align children of adjacent table-cells?

css

alignment

text-alignment