2011-09-23 109 views
8

我缺乏的CSS技能让我头痛。正如下面这张图展示,从捕捉萤火虫:设置表格行高度

enter image description here

使用GWT像框架调用Vaadin我已经给了一个表组件的类名M2M模态表,我想设置一个MIN-高度到该表中的四行。然而,我似乎无法得到它的工作..而且从图像看,表格中似乎没有类名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; 
} 

将只设置样式上有问题的表和应用程序不是所有的表。

回答

10

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

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

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

编辑:正如djsadinoff写道,最小高度不适用于任何地方。 IE8和IE9解释为min-height,但它不是其他浏览器的标准。

+0

是啊,它似乎应该工作,但它不......我完全困惑,我已经尝试过这么多的组合,但似乎没有工作..你有任何其他的想法,指的是以某种方式将m2 class name命名为m2m-modal-table ..? – AndroidHustle

+0

您应该在Firefox firebug中看到哪些样式会影响这些单元格,然后覆盖它们。你也可以尝试使用'!important'。如果不仔细查看网站,我无法帮助你。 – avall

+0

哇!最后的编辑做了诀窍!谢谢!现在我只需要弄清楚如何让它只影响THIS表格而不是应用程序中的所有表格...... =) – AndroidHustle