自動等於表的大小

如何保持在即使其它行的內容是相當短的相同高度的表，這裏是參考一個畫面： enter image description here 自動等於表的大小

這些表是從取數據庫。這裏是我的表格代碼：

<table width="" height="" cellpadding="3" cellspacing="0" border="1"> 
    <tr class="row_submit"> 
     <td height="150px" width="250px"><center><label> 
      <input type="radio" name="payment" <?php if (isset($payment) && $payment=="$row[pay_name]") echo "checked";?> value="<?php echo $row['pay_name']; ?>"> 
      <!--<img src="../paymentoptions/lbc.png" alt="LBC" class="picture" width="245px" style="margin:10px"/></label></td> --> 
      <?php echo '<img src="data:image/jpeg;base64,'.base64_encode($row['pay_pic']).'" height="150px" width="150px" style="margin:10px"/>'; ?> 
    </tr> 
    <tr class="row_submit"> 
     <td height="80px" width="300px"><p id="pay"><?php echo $row['pay_desc']; ?><p></td> 
    </tr> 
</table>

我試着添加高度，但我不知道爲什麼它不起作用。它只是使左側圖片中的TD更大。

幫我解決他們的高度，所以它總是相等。

來源

2014-10-06 geds13

不要使用表格排版......看看到[**人造列**]（http://alistapart.com/article/fauxcolumns） – webeno 2014-10-06 05:54:38

'cellpadding' ，'cellspacing'，'border'，'height'和'width'作爲'table'上的屬性被棄用等。使用CSS代替。另外，如果您將寬度指定爲屬性，則省略「px」部分。 – 2014-10-06 06:10:51

你有錯誤的HTML結構，一些標籤沒有結束標籤（中心，標籤，p）。檢查這個例子http://jsfiddle.net/fauzi/c920qtsg/ – 2014-10-06 06:20:02

在代碼中，你已經通過內嵌樣式不同的值增加高度。嘗試爲<td>平均分配高度值。
如果您正在使用外部CSS努力，你不能覆蓋內聯樣式，但你可以使用外部樣式壓倒一切的操作，即!運營商。

例：

td { 
    height: 100px !important; 
    }

來源

2014-10-06 06:17:33 Shivanand

如果必須使用表，那麼你可以通過具有與border屬性每兩列的父表與每一列中以可視方式捏造這種效果，那麼你的現有表只有在第一行設置的水平邊框。

的jsfiddle例如：http://jsfiddle.net/n2u97gjx/1/

來源

2014-10-06 06:37:38

自動等於表的大小

回答

相關問題