[已解决]HTML中如何将图片在框架中自适应，并将框架居中

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

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

最佳答案

不二如是

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: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
可以，，，谢谢大佬
爱你，嘿嘿

大佬，这个自适应还是没有实现哎
可以私聊，耽搁您一会，可以吗
想学

账号		自动登录	找回密码
密码			立即注册