如何取消對齊相鄰表格單元的子對象？

Question

我的jsfiddle有div與display:table有2個子女display:table-cell。每個孩子都有不同的填充 ，但每個孩子內部的內容仍然對齊。有沒有解決的辦法？我想要child-two與表格單元格的左上角保持對齊，而不使用相對位置/絕對位置。那可能嗎？

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/