如何样式表​​内容全部为相同大小

如何样式表​​内容全部为相同大小

问题描述:

我有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> 

enter image description here

我的第二数量可以是任何从1至6而“剪切”画面将根据数量的数量被显示。如果数量,3张图片将连续显示。

我的问题是我如何保持图像大小相同。目前,更多qunatity循环有更小的图像成为。我想保留所有图像相同。

我该如何做到这一点。谢谢。

+0

请记住选择一个答案作为选择,如果其中一个解决了您的问题 – FKEinternet

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

+0

我将高度和宽度应用于​​。它使​​的尺寸相同,但​​内的实际图像仍不相同,尺寸取决于该行中图片的数量。 –

+0

不,您希望将''的高度和宽度设置为恒定,如果您希望它们的大小相同。 '​​'将连续增长,所以如果您将图像尺寸设置为与“​​”相同,那么当连续的单元格数量减少时,它将会增长。 – FKEinternet

+0

我已经试过。我给了这个图像一个类,并为这个类设置了一个宽度。但他们仍然显示不同的大小。 –

确保你没有给类表或表镶上

然后指定花式任何特定的宽度或高度或类似的东西到TD如。

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

希望它可以帮助

让我知道如果您需要任何进一步的帮助

+0

这没有奏效。高度和宽度适用于表td列,但图片仍然是不同的大小。第一行有6张照片,因此它们较小,因为它们包含4张照片。我希望图像大小相同,不要紧,该行包含1或2或3或4或6图像。 6将是图像的最大数量。 –

+0

你有没有使用任何包括宽度或高度或相关的任何样式 –

+0

我给图像类和样式宽度为35%。除此之外;我没有使用任何样式到表或行。 –

您可以通过使用CSS实现这一目标。

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

或者与图像相同。

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

如果你真的希望所有的图像具有相同的大小,不论其数量的行中,然后给定大小,以您的图片,我建议在第二个选项以上。

不要使用%作为高度和宽度,而要使用px,因为需要固定大小而不考虑行宽。

+0

删除该宽度我曾尝试过,但它没有奏效。 –

+0

您是否尝试使用px代替%? –