2014-10-06 76 views
0

如何保持在即使其它行的内容是相当短的相同高度的表,这里是参考一个画面: 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更大。

帮我解决他们的高度,所以它总是相等。

+0

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

+1

'cellpadding' ,'cellspacing','border','height'和'width'作为'table'上的属性被弃用等。使用CSS代替。另外,如果您将宽度指定为属性,则省略“px”部分。 – 2014-10-06 06:10:51

+0

你有错误的HTML结构,一些标签没有结束标签(中心,标签,p)。检查这个例子http://jsfiddle.net/fauzi/c920qtsg/ – 2014-10-06 06:20:02

回答

1

在代码中,你已经通过内嵌样式不同的值增加高度。 尝试为<td>平均分配高度值。
如果您正在使用外部CSS努力,你不能覆盖内联样式, 但你可以使用外部样式压倒一切的操作,即!运营商。

例:

td { 
    height: 100px !important; 
    } 
0

如果必须使用表,那么你可以通过具有与border属性每两列的父表与每一列中以可视方式捏造这种效果,那么你的现有表只有在第一行设置的水平边框。

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

相关问题