我創建了一個調查頁面，用三種顏色在表格中顯示結果。 看起來是這樣的:這是這張桌子的代碼:

// Create an HTML table element to display the survey results
                survey = "<table style='margin:0px auto;' dir='ltr'>";

                // Add a row to the table for the Original category, with an image whose width corresponds to the value in the w array
                survey += "<tr><td style='text-align: center; background-color: gray;'>Original</td>";
                survey += $"<td width='500' style='text-align: left; height:calc(100% + 4px);'><img src='Images/Red.png' height='50px' width='{w[0]}'></td></tr>";

                // Add a row to the table for the Prequel category, with an image whose width corresponds to the value in the w array
                survey += "<tr><td style='text-align: center; background-color: gray;'>Prequel</td>";
                survey += $"<td style='text-align: left; height:calc(100% + 4px);'><img src='Images/Yellow.png' height='50px' width='{w[1]}'></td></tr>";

                // Add a row to the table for the Sequel category, with an image whose width corresponds to the value in the w array
                survey += "<tr><td style='text-align: center; background-color: gray;'>Sequel</td>";
                survey += $"<td style='text-align: left; height:calc(100% + 4px);'><img src='Images/Green.png' height='50px' width='{w[2]}'></td></tr>";

                survey += "</table>";

問題是在每種顏色的下側和上側有一個空間，它沒有填滿所有的高度...

有人知道怎么修理嗎？

我試著把每個& lttd & gtheight = & quot100% & quot；但是沒有用。