119.css如何使图片固定为正方形
2021-03-09 06:28
阅读：487
标签：relative let 如何 strong box 项目 height art 计算 众所周知，一个元素要为正方形， 效果： 原理： 这是一个css小技巧： 当 padding-bottom/padding-top/margin-top/margin-bottom 的值为百分比的时候： complete. 119.css如何使图片固定为正方形 标签：relative let 如何 strong box 项目 height art 计算 原文地址：https://www.cnblogs.com/can-i-do/p/12864735.html一次在商城项目中学到，产品说所有的商品缩略图都要展示正方形
上代码
height = width 就可以了。可是，如果高度是不限定的呢？如何自适应的保持正方形呢？
计算结果是参照父元素的宽度。
height:0;padding-bottom:100%;
width = height -> 正方形。
上一篇：thinkphp无限分类模块实现
下一篇：css边距重叠的解决方案
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：119.css如何使图片固定为正方形
文章链接：http://soscw.com/index.php/essay/62165.html
文章标题：119.css如何使图片固定为正方形
文章链接：http://soscw.com/index.php/essay/62165.html
评论
亲，登录后才可以留言！