Question

我可以从其他网站（使用echo）中提取img标签，然后通过CSS设置它以适应我自己的容器div吗？我的代码如下 - 我的目的是让代码工作，我稍后会清理代码。

主要问题是我不想将img保存到我的文件中（它是从我解析过的另一个源动态更改的。）我希望我能够使用max-来设置容器div的样式高度和宽度，只是在该div内回声，但我没有任何运气改变img大小，但我能够调整容器div内的余量，并让img响应，这就是为什么我我在这里。

会回应$ compic-＆gt; 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包装在一个父元素中，其中包含一个固定的with和height，而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

1 个答案: