设置表格行高

时间:2011-09-23 14:00:11

标签: vaadin tablerow css

我缺乏CSS技能让我很头疼。如下图所示,从萤火虫中捕获:

enter image description here

使用类似于Vaadin的类似GWT的框架,我给了一个Table组件类名 m2m-modal-table ,我想为该表中的四行设置一个min-height。但是,我似乎无法让它工作..正如你从图像中看到的那样,表似乎没有类名 m2m-modal-table 但是 v -table-table (由于我使用的是已经设置的框架库,因此在我的参与之外添加了样式。)

那么,任何熟悉CSS类引用的人都可以告诉我在样式表中应该写什么来设置表的行高吗?

谢谢!

编辑:谢谢你的帮助。我发现将CSS编写为:

.m2m-modal-table .v-table-table th,
.m2m-modal-table .v-table-table td {
    height: 55px;
    min-height: 55px;
}

只会在相关表格上设置样式,而不是在应用程序中设置所有表格。

1 个答案:

答案 0 :(得分:10)

始终将高度设置为单元格,而不是行。

.v-table-table th,
.v-table-table td{
    height: 55px;
    /* min-height: 55px; EDITED */
}

会做(min-height 单独不起作用。)

编辑:正如djsadinoff所写,min-height无处不在。 IE8和IE9解释min-height,但它不是其他浏览器的标准。