CSS显示:table和padding-top

时间:2014-01-31 14:13:20

标签: html css padding css-tables

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

但是有一种我无法理解的行为:当两个块设置为display:table-cell;时,两者都取决于display:table父div,不可能只设置边距或填充顶部一个街区,没有在第二个街区申请。

一个简单的例子:here

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

我该怎么做?

2 个答案:

答案 0 :(得分:2)

将vertical-align:top添加到要放置的那个,并添加到另一个添加需要删除的填充。

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

http://jsfiddle.net/nW8Dg/5/

答案 1 :(得分:1)

当然没有表格外观,请使用list而不是inline-blocks