减少 html/php 中的表格高度答案

【问题标题】：Reducing table height in html/php减少 html/php 中的表格高度
【发布时间】：2017-02-27 00:07:08
【问题描述】：

我正在使用以下代码绘制一个 html/php 表。

$color=array("#000000","#0000FF","00FFFF","#00FF00","#FFFF00","#7FFFD4","#FF0000","#FF9900","#FFFFFF","#00BFFF");
echo "<br>Color Codes:<br><br>";
echo '<table border="1" cellpadding="0" cellspacing="0"><tr>';

     for($i=0;$i< sizeof($color); $i++)
     {
        echo "<td height='5px' width='10' bgcolor='".$color[$i]."'>($i/10)</td>";
     }
 echo  '</tr>';
 echo  '</table><br>';

但是当我绘制这个时，我得到以下输出：

这里的高度不会随着高度参数而降低，因为我只需要创建矩形框。

【问题讨论】：

您没有尝试设置可变高度，无论如何您不能拥有具有不同高度单元格的表格行

标签： php html html-table

【解决方案1】：

我复制了您的代码，但没有看到您所看到的内容，因此我认为您在绘制此代码的页面上可能有其他样式干扰了布局。您可以将height 属性从td 元素中移除；然后尝试在table 上添加style="" 属性并测试不同的属性。

<table style="line-height: 1;"> - 尝试一下。

【讨论】：