爲兩張桌子定義相同的高度

-4

我有兩張獨立的桌子on my website，其中總共包含10張專輯。它們都具有相同的CSS值，但內容不同。因此他們的身高不平等。爲兩張桌子定義相同的高度

我的目標是讓表格在相同的水平線上結束，而圖像具有相同的大小。

理論上，我可以將我的CSS文件設置爲td, th {width: 115px;}，以便表格結束於相同的位置。但問題是，我的表格是由一個模板生成的，這意味着下次我的表格可能包含總共20張專輯，所以這個技巧將無法工作。

我需要找到一種方法來動態設置兩個表的高度。而圖片應該也在相同尺寸。請查看我的網站以找到理想的解決方案。

2016-01-13 Otaku Kyon

A）使箱[1-10]相同的高度（看起來更專業）B）使用jquery或javascript –

你就不能設置'高度：在圖像上100px' ，並讓他們相應地擴大/縮小？這將使你的細胞保持恆定的高度（因爲圖像是最大的東西），理論上是不變的桌面高度。 –

@NiettheDarkAbsol不，因爲不清楚，表中會有多少張專輯。如果有大約100張專輯與'高度：100px'，那麼它會被擠壓。 –

-1

我想像創造每個具有相同的大小，然後將推動表格的其餘部分互相匹配的圖像的CSS類。

編輯：有一點看，你是正確的，似乎是擠壓圖像，儘管代碼真的不應該。而不是在CSS高度的末尾添加'！important'標籤，請參閱下面的修改代碼。

像：

#tableID td img { width: 100%; max-width:90px; height: auto; }

2016-01-13 12:55:07

謝謝。在寫了一篇描述我情況的200字的文字後，至少有一個人想幫助我。（如果我知道它，我不會問！） –

沒問題。希望這有助於你，儘管我有一種感覺可能會有更多的發展（也許一些JavaScript/jQuery）需要使它充分響應你的不同數量的封面！它有幫助嗎？ –

回答