用js取图片高度来控制div的高度

用js取图片高度来控制div的高度,第1张

alert(["大小是:",imgwidth,imgheight]);

用js或者jquery设置div的高度为imgheight;

$("div")css("hight",imgheightwidth);

如果问题解决,请点赞采纳!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Strict//EN"

        ">

1、新建一个html页面,并在页面中写上一个div。并为div添加背景,为背景添加一些基本的样式。

2、按下键盘上的F12,查看其在浏览器中的效果。

3、利用css中的伪元素::after或者::before。

4、利用伪元素是将指定标签的前面或者后面的内容设为空,并设成块元素,并设定以百分比为单位的padding-bottom或者padding-top。以此撑开这个div。

5、在有背景的div的内部再套一个div,然后为这个内部的div添加相应的样式,使得外层div可以被撑起来。

6、为这个内部div设定内部边距上或者下都可以。同样是以百分比作为单位。这样再次在浏览器中查看,就可以看到作为背景的了。

引入这个版本的 jq    jquery321

$("show_box img")each(function(i){

 let imgsec=$(this)attr("src");

$(this)attr("src",imgsec+"id=644897878");

});

以上代码 帮你亲测可以用。希望一定要采纳!下面是结果。

css 里面加一条:

manga g12 cartoon g12 img{

maigin-top:15px;

}

15px是间隔距离,自己调。。。

望采纳!!!

以上就是关于用js取图片高度来控制div的高度全部的内容,包括:用js取图片高度来控制div的高度、一个页面中有多个图片,然后点击每一个图片就会有显示一个带有图片的div出现,这种情况用js怎么做、怎样让一张图片随着div大小的变化而变化等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9746696.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存