从 echo php 调整 img 的大小

Question

我可以从另一个网站提取 img 标签（使用 echo），然后通过 CSS 对其进行样式设置以使其适合我自己的容器 div 吗？我的代码在下面 - 我只是想让代码工作，稍后我会清理代码。

主要问题是我不想将 img 保存到我的文件中（它是从我解析过的另一个来源动态更改的。）我希望我能够设计一个容器 div 使用 max-height 和 width 并在其中回显 div 但我没有运气改变 img 大小但我能够调整容器内的边距 div 并且有img 回应，这就是我来这里的原因。

回显 $compic->src 行得通吗？如果是的话那会是什么样子？

<!DOCTYPE html>
<html>
<header>
<title>Resize echo img</title>
<link rel="stylesheet" type="text/css" href="style.css">
</header>
<body>
<div class="headimg">
<?php
include('simple_html_dom.php');
$html = new simple_html_dom();
$html->load_file('url');

$compic = $html->find('img[title]', 0);

echo $compic 
?>
</div>
</body>

Answer 1

如果将 img 包裹在具有固定宽度和高度的父元素中，并且 img 元素的宽度为 100%，高度为 auto，则它应该自动调整大小

<div class="image-wrapper">
    <img src="<?=$compic->src?>"> // not sure what the structure will be.
</div>

这里是 css

.image-wrapper {
    height: 100px;
    width: 100px;
}

.image-wrapper img {
    width: 100%;
    height: auto;
}

如果图像太高，使用这样的结构可以裁剪，因为有时宽高比不匹配，您可以通过将溢出隐藏应用到 .image-wrapper

从 echo php 调整 img 的大小

resize an img from echo php

css

php

image

echo