当前位置:主页 > JavsScript库 > 布局 >

使元素适合其父容器 - fwoh
栏目分类:布局   发布日期:2021-10-12   浏览次数:

fwoh 是一个 JavaScript 库,它使子元素(如图像)适合其父 DIV 容器,同时保留原始纵横比。

类似于 CSS object-fit: contains属性,但一旦适合其父容器,库就不会裁剪元素。它只是根据子元素的纵横比调整父容器的高度。

使用:

1. 下载并加载fwoh.js文档中的 。

<script src="fwoh.js"></script>

2. 将 CSS 类添加fwoh到子元素,其余的由库来处理。

<div class="img-wrapper" style="width: 400px; height: 200px;">
  <img class="fwoh" src="1.jpg" />
</div>



官方网站:https://github.com/shitchell/fwoh

相关热词: fwoh

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库