我在这呢 发表于 2020-4-10 08:11:53

HTML中如何将图片在框架中自适应,并将框架居中

问题大致就是这样的,希望大佬们能帮我解答,鱼币不多,我也是刚来这个网站的,还望能多多帮忙,谢谢啦,在线等。

不二如是 发表于 2020-4-10 08:11:54

1、将 img 放到一个 div 元素中,部分代码:
<style>
.tst{
width:500px;
height:400px;
display:flex;
align-items:center;
justify-content:center;
                        /*为了效果明显,可以将如下边框打开,看一下效果*/
                        /* border:1px solid black; */
}

.tst img{
        width:100%;
        height:auto;
}

</style>
</head>
<body>
        <div class="tst">
                <img src="1.png"/>
        </div>
</body>

我在这呢 发表于 2020-4-10 08:39:15

不二如是 发表于 2020-4-10 08:11
1、将 img 放到一个 div 元素中,部分代码:

可以,,,谢谢大佬
爱你,嘿嘿

我在这呢 发表于 2020-4-10 08:56:51

我在这呢 发表于 2020-4-10 08:39
可以,,,谢谢大佬
爱你,嘿嘿

大佬,这个自适应还是没有实现哎
可以私聊,耽搁您一会,可以吗
想学
页: [1]
查看完整版本: HTML中如何将图片在框架中自适应,并将框架居中