如何将表格内容设置为相同大小

Question

我有PHP脚本，它有嵌套循环。第一个循环获取数据，第二个循环检查数据，数量是否大于1;它循环并分别显示每个订单。一切正常。

我有一些样式问题。 我的一个是内循环。

  for($i=0; $i < $row['numberassigned_vnr']; $i++){ 
        ?>

 <table class="table table-bordered">
    <thead>
    <tbody>
      <tr>
        <?php
        for($x=0; $x < $row['noof10s_vnr']; $x++){ 
            ?>

            <td><img alt="" class="yellow-process center-block " id ="cut-full-roll-<?php echo $row['id_vnr']; ?>" name="<?php echo $row['id_vnr']; ?>" src="../../css/icons/vinyl-rolls/cut.png"></td>
        <?php
        }
        ?>

      </tr>
    </tbody>
  </table>

我的第二个数字可以是1到6之间的任何数字。“剪切”图片将根据数量显示。如果数量，3张图片将连续显示。

我的问题是如何保持图像大小相同。目前，越多的qunatity循环越小，图像变得越小。我想保持所有图像相同。

我如何才能实现这一目标。谢谢。

Answer 1

将<img>高度和宽度设置为固定值。

Answer 2

确保您没有给出任何特定的宽度或高度或类表或表格中的类似

然后为td指定样式，例如

td {
    min-width :256px;   1/6th of Screen size
    ......
}

希望有所帮助

如果您需要任何进一步的帮助，请告诉我

Answer 3

您可以使用CSS实现此目的。

td {
    width: *px*|*%*;
    height: *px*|*%*;
}

或者与图像相同。

img {
    width: *px*|*%*;
    height: *px*|*%*;
}

如果你真的希望所有图像都具有相同的尺寸而不管它们在行中的数量，那么就像我在上面第二个选项中建议的那样为图像添加固定的尺寸。

不要使用％作为高度和宽度，而是使用px，因为您需要固定大小而不管行宽。