首先写个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之后的图片

版权声明
本文作者珂泽
文章来源风也雨忆笙
原文链接
转载说明非特殊说明文章均为原创,页脚已标识是否允许转载,转载请注明出处!感谢您的支持!
微信公众号
最后修改:2020-09-12 11 : 28 PM
如果您觉得我的文章有帮助,请随意赞赏!