时间戳

首页 > 解决方案 > 图片无法获取父属性

javascript - 图片无法获取父属性

问题描述

*抱歉格式化：从手机打字。

大家好！

请帮我解决一个问题：在 div 中嵌入 img 不会改变它相对于它的父级的宽度。

<div display="block" position="absolute" width="608.5px" height="480.5px" text-align="center" top="20%" left="50%">
    <img src="here_is_source" width="100%" height="auto">
</div>

所以，我不能使用 CSS，因为我使用 JS (element.appendChild) 附加它，以及使用 element.setAttribute 创建元素的属性。
谢谢你们的建议，伙计们！

标签： javascripthtml

解决方案

您不能将要设置的道具直接设置为 div。使用样式，或者在你描述的 JS 中插入 CSS 样式。

下面的解决方案可以解决您的问题，但也可以考虑使用

element.classList.add("my-class");

<div style="display:block;position:absolute; width:608.5px;height:480.5px;text-align:center;top:20%;left:50%;">
    <img src="https://via.placeholder.com/400" width="100%" height="auto"/>
</div>

推荐阅读