如何样式表内容全部为相同大小
我有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循环有更小的图像成为。我想保留所有图像相同。
我该如何做到这一点。谢谢。
将<img>
的高度和宽度设置为固定值。
我将高度和宽度应用于。它使的尺寸相同,但内的实际图像仍不相同,尺寸取决于该行中图片的数量。 –
不,您希望将''的高度和宽度设置为恒定,如果您希望它们的大小相同。 ''将连续增长,所以如果您将图像尺寸设置为与“”相同,那么当连续的单元格数量减少时,它将会增长。 –
FKEinternet
我已经试过。我给了这个图像一个类,并为这个类设置了一个宽度。但他们仍然显示不同的大小。 –
确保你没有给类表或表镶上
然后指定花式任何特定的宽度或高度或类似的东西到TD如。
td {
min-width :256px; 1/6th of Screen size
......
}
希望它可以帮助
让我知道如果您需要任何进一步的帮助
这没有奏效。高度和宽度适用于表td列,但图片仍然是不同的大小。第一行有6张照片,因此它们较小,因为它们包含4张照片。我希望图像大小相同,不要紧,该行包含1或2或3或4或6图像。 6将是图像的最大数量。 –
你有没有使用任何包括宽度或高度或相关的任何样式 –
我给图像类和样式宽度为35%。除此之外;我没有使用任何样式到表或行。 –
您可以通过使用CSS实现这一目标。
td {
width: *px*|*%*;
height: *px*|*%*;
}
或者与图像相同。
img {
width: *px*|*%*;
height: *px*|*%*;
}
如果你真的希望所有的图像具有相同的大小,不论其数量的行中,然后给定大小,以您的图片,我建议在第二个选项以上。
不要使用%作为高度和宽度,而要使用px,因为需要固定大小而不考虑行宽。
删除该宽度我曾尝试过,但它没有奏效。 –
您是否尝试使用px代替%? –
请记住选择一个答案作为选择,如果其中一个解决了您的问题 – FKEinternet