小编fra*_*anz的帖子

强制 flexbox 容器内的图像填充/覆盖 100%

我对编码比较陌生,需要您的帮助。

这是代码笔:http ://codepen.io/anon/pen/NdMjZy

 <div class="flex-item w50 fill">
    <div class="flex-inner portfolio">
       <a href="">
          <img src="" alt="">
       </a>
    </div>
 </div>
Run Code Online (Sandbox Code Playgroud)

我需要什么:图像应该填充/覆盖弹性项目容器。它们应该居中并保持纵横比。

您可以看到带有椅子的图像不是 100% 的高度。

我尝试使用 imagefill.js 但这导致了 0px 高度的弹性项目。

先感谢您!

html image aspect-ratio fill flexbox

4
推荐指数
1
解决办法
6343
查看次数

标签 统计

aspect-ratio ×1

fill ×1

flexbox ×1

html ×1

image ×1