如何强制图像相对于固定表格单元格调整大小

Question

我一直在网上四处寻找，试图找出如何将使用 PHP 回显的图像放入表格中，但表格单元格的大小是固定的，我希望我可以让图像重新调整大小按比例固定在表格单元格内。图像的大小会有所不同，因此我希望它会看到图像的最大相对高度或宽度并相应地显示，所以最后在宽度或高度上可能会有一点差距，但图像将被重新调整大小并显示在设置的表格单元格。任何指针将不胜感激。

这是我当前表格的 PHP 代码，目前还没有固定大小：

<?php
foreach($searchResult1 as $row){
?>  
<tr> 
    <td><b>Seller: </b><?php echo $row['Owner'];?></td>
    <td><b>Asking Price: </b><?php echo $row['AskingPrice'];?></td>
</tr>
<tr>
    <td><img src="images/<?php echo $row['PropertyID'];?>.jpg"></td>
    <td><b>Town or City: </b><?php echo $row['Town'];?></td>
    <td><b>Post Code: </b><?php echo $row['PostCode'];?></td>
</tr>
<tr>
    <td><b>Address: </b><?php echo $row['PropertyAddress'];?></td>
</tr>
<tr>
    <td><b>Description: </b><?php echo $row['Description'];?></td>
</tr>
<tr>
    <td><b>Property ID: </b><?php echo $row['PropertyID'];?></td>
    <td><b>Email: </b><?php echo $row['ContactEmail'];?></td>
    <td><b>Contact: </b><?php echo $row['ContactNumber'];?></td>
</tr>
<tr>

    <td><input type="button" value="Save" onClick="savePropertyButton(<?php echo $row['PropertyID'] ?>);" >
</tr>   

<?php
}
?>
</table>

Answer 1

这取自http://www.lamp-tips.com/programming/php/how-do-i-resize-all-of-the-images-in-a-table-in-a-php-script/

这让我质疑我最初的问题，因为这听起来像是不可能只使用 HTML 和表格验证来做我想做的事情。正如任何人对这个人的解决方案有任何经验一样。谢谢

如果您打算以一种有效的方式使用 php 来更好地显示数据，您可以让 PHP 生成表格数据并将图像调整为 200 像素宽的缩略图以输出。

为此，您需要创建一个包含所有图像路径的数组。然后循环遍历数组以构建表格数据，当您循环遍历它时，检查服务器上是否存在缩略图，如果存在，则显示它。如果没有，调用一个函数来调整图像大小并生成缩略图。

Answer 2

使用 css 并将图像宽度设为 100%。

例子：

table img {
    width: 100%;
}