首先写个div和img

<pre data-language="HTML">```markup
<div class="post-thumbnail">
    <img src="/usr/uploads/uploads/2019/08/qrcode_for_gh_b81da5d60ae4_1280.jpg" />
</div>

![](/usr/uploads/uploads/2019/10/1570258460-5.png)` 这里采用相对定位和绝对定位的方式隐藏多余部分

.post-thumbnail{
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.post-thumbnail img{
    width: 100%;
    height: auto;
    position: absolute;
}

原图

加上css之后的图片

微信公众号
最后修改:2021 年 05 月 28 日 09 : 19 PM
如果您觉得我的文章有帮助,请随意赞赏!