当前位置: 首页 > 知识库问答 >
问题:

从echo php调整img的大小

宋鸿
2023-03-14

我可以从另一个网站(使用echo)提取一个img标签,然后通过CSS对其进行样式化,使其适合我自己的容器div吗?我的代码如下-我只是想让代码正常工作,稍后我会清理代码。

主要问题是我不想将img保存到我的文件中(它是从我解析的另一个源动态更改的)。我希望我能够使用最大高度和宽度来样式化一个容器div,并在该div内进行回声,但我还没有任何运气来改变img大小,但我能够调整容器div内的边距并拥有img回应,这就是我在这里的原因。

你会回想起$compic吗-

<!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>

共有1个答案

阎淮晨
2023-03-14

如果您将img封装在父元素中,父元素的宽度为100%,高度为自动,那么它应该自动调整大小

<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包装器来实现这一点

 类似资料:
  • 我正在做一个GUI,当你按下“下一步”按钮时,它会一个接一个地显示某个目录中的图像。

  • 问题内容: 当前版本的Firefox和Chrome包含一个拖动处理程序以调整框的大小。我需要捕获调整大小的事件,我认为使用jQuery的事件会很容易,但是它不起作用! 有没有办法捕获它? 问题答案: Chrome不会捕获resize事件,Chrome不会捕获mousedown,因此您需要设置init状态,然后通过mouseup处理更改: HTML 注意: 您可以像侯赛因所做的那样附加自己可调整大小

  • 问题内容: 调整浏览器窗口大小时,有什么方法可以调整jqGrid的大小?我已经尝试过这里描述的方法,但是该技术在IE7中不起作用。 问题答案: 作为后续措施: 由于不可靠,本文中显示的先前代码最终被放弃了。我现在按照jqGrid文档的建议使用以下API函数调整网格大小: 为了进行实际的大小调整,将实现以下逻辑的函数绑定到窗口的resize事件: 使用其父级的clientWidth和(如果不可用)o

  • 我的场景中有一个对象。我希望能够调整窗口的大小,并与它一起调整窗格的大小。我还想在窗格旁边放置一个。 到目前为止,我已经成功地生成了一个完全可调整大小的或一个,其中包含和对象,但当我调整窗口大小时,窗格不会随之调整大小。 以下是带有锚烷的FXML: 只有的版本基本上就是版本中使用的代码,但具有和属性。 如何制作一个场景,使其具有可调整大小的和?

  • 我对JPanel和JFrame还是个新手,可能没有按照我应该的方式使用它们。我正在尝试创建Pong游戏,在创建JFrame并将JPanel添加到它之后,我可以调整JPanel的大小,但我不知道如何调整JFrame的大小以适应它。Game类扩展了JPanel。 主: 编辑: 将setSize更改为setPreferredSize,然后为JFrame调用pack()就可以解决所有问题。

  • 我正在尝试构建一个包含6个窗格(作为父级添加到GridPane布局中)的简单Java项目。我必须在开始时设置窗口大小,并通过参考根布局的宽度和高度,设法将它们均匀地拆分。 但我想要他们调整大小,因为我改变了窗口的大小(使用鼠标,现在他们得到固定的大小)。 下面是我的代码: