我目前正在开发一个OpenCart项目,其中一个页面需要一个涉及多个图像的结构,紧密地放在一起(见下文)。
将要使用的所有图像可能都是不同的尺寸,但需要调整到相似的尺寸(不是完全相同的尺寸,但大致相同)。 OpenCart的调整大小功能正用于调整这些图像的大小,但结果会留下不必要的空白区域! (见下文)
有没有办法对代码进行重新分解,以使调整后的图像周围没有空白区域?
非常感谢任何帮助或指导
修改
<div class="tbl">
<div class="tbl-row">
<div class="tbl-col">
<div class="frame">
<img class="imageFeatured" src="images/my-image.png" />
</div>
</div>
</div>
</div>