2011-09-23 122 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