遇到一个小问题,记录一下。
1、问题描述
<div class="thumb-box"><img class="tt-img" src="https://cdn.w7.cc/images/2017/11/09/15102068385a03ed7644fbf_OxLCy7ypXKpd.png?imageView2/5/w/88/h/88/format/png" alt=""></div>
<style lang="less" scoped>.thumb-box {border: 1px solid red;width: 200px;img {margin: 0px;}}
</style>
可以看到,图片下方不是很服贴额。
2、解决,给img加上display: block;
就OK。
img {margin: 0px;display: block;
}