mysql使用limit做限制，发现总是丢数据。

[lintanfu]

如题：
css:
img {
width: 30.5%;
height: 8.5rem;
margin-right: 0.5rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

<img style="background-image:url({{=value.avatar_url}})"/>
效果：


中间一张图不能显示。

中间的图片地址是没有问题的，因为点击查看大图是可以看的。
而经过比较后发现，中间的大图比其他两张图高：
比较如图：（中间的）


第三张（第一张和第三张一样）：比不能显示的矮了一点：


就这样子，难道这个过高的图片设置background-image不能显示吗？
求助

[神之左手]

既然用到了img标签，不做装饰的话，图片可以直接插在img标签的src里面，如果主要是统一图片的高宽，那么可以直接使用div或者其他行标签定义inline-block,然后把图片作为背景插进去。

至于你说的图片高度可能导致的空白问题，严谨来说，我不保证img标签加背景不会在浏览器中产生这样的问题，推荐的优化方法：
1.替换img标签为其他标签，使用background-image为其定义背景图看是否产生空白
或者
2.把图片url {{=value.avatar_url}} 作为img标签的src值，然后在img标签外加一层包含，虽然扩展了html代码的复杂度，但这个目的还是验证是否会有空白的问题。

经上面两个测试，应该可以大体知道问题所在。