自动等于表的大小

Question

即使另一行的内容很短，如何将表保持在同一高度，这里有一张图片供参考：

这些表来自数据库。这是我的表格代码：

<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更大。

帮助我确定他们的高度，以便它始终是平等的。

Answer 1

在代码中，您通过具有不同值的内联样式添加了高度。 请尝试为<td>平均分配高度值 如果您尝试使用外部CSS，则无法覆盖内联样式， 但你可以在外部样式中使用重写运算符，即!运算符。

前：

td { 
    height: 100px !important; 
    }

Answer 2

如果你必须使用表，那么你可以通过让父表有两列，每一列都有一个border属性，然后在每一列中只有第一个水平边框设置的现有表，来直观地捏造这种效果。行。

JSFiddle示例：http://jsfiddle.net/n2u97gjx/1/