Question

我想要一张最小高度的桌子（例如：100px）所以当这张桌子里没有数据的时候我仍然有一个最小的高度。我也想让这个表中的行在顶部对齐，这样当我在这个表中只有1个元素时，这个元素不应该在中间对齐但是顶部。

到目前为止，这是我在这个jsFiddle中的结果：http://jsfiddle.net/ttrMe

问题是我的项目位于中间位置。

感谢您的帮助。

Answer 1

其他答案提供了vertical-align: top作为答案，它确实回答了具体问题。但是，我认为你对边境的态度是有缺陷的。

.tablewrapper {
    border:1px solid #ccc;
    width: 70%;
    min-height: 100px;
    margin: 0 0 5px;
}
.mytable {
    width: 100%;
}
.mytable th {
    background-color: #ccc;
    height: 20px;
}
.mytable td {
    vertical-align: top;
}

http://jsfiddle.net/ttrMe/16/

注意，我将边框更改为包裹#tablewrapper的{{1}} div元素。另请注意，我将.mytable更改为id es，因此我可以拥有多个并展示其中的差异。此外，class不能单独使用min-height元素，而是使用table。

修改

jsFiddle应用CSS重置（左侧是标准化CSS 复选框），因此除非您也重置，否则您可能看不到页面中完全相同的外观。在这种情况下，您可能想要：

div

http://jsfiddle.net/ttrMe/17/

Answer 2

您是在谈论行文本的垂直对齐方式吗？

#mytable tr td {
    vertical-align: top;            
}

我已将此添加到您的jsfiddle，看看这是否是您想要的。

我的桌子有一个最小高度和行对齐顶部

2 个答案: