CSS display:table 和 padding-top答案

【问题标题】：CSS display:table and padding-topCSS display:table 和 padding-top
【发布时间】：2014-02-24 06:29:28
【问题描述】：

我目前在 CSS 中使用display:table 以便在表单中放置一些块。

但是有一种我无法理解的行为：当两个块都使用display:table-cell; 设置时，都依赖于display:table 父 div，不可能只在一个块上放置边距或填充顶部，没有在第二个应用它。

一个简单的例子：here

我只想在第二个块上放一个padding-top。

我该怎么做？

【问题讨论】：

【解决方案1】：

将 vertical-align:top 添加到您想要放置的位置，并在另一个添加您需要向下的填充。

.col1 {
    display: table-cell;
    vertical-align: top;
}

【讨论】：

【解决方案2】：

肯定不是表格外观，使用列表代替或内联块

【讨论】：