随笔分类 - HTML, CSS
HTML，CSS
摘要：// 窗口缩小时自适应，每个卡片始终充满布局区域.card-list { display: grid; flex-wrap: wrap; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 18px; ove
阅读全文
摘要：左边是label， 右边是input。 设置父级为display:flex; input为flex:1; 然后label 为 white-space: nowrap; 这时input就有可能超出父级。 解决方法是把input设置为width:0；就可以了； 转载于: https://www.cnbl
阅读全文
摘要：实现这种效果 "remark" => [ "value" => "用水合计：2 吨\n用电合计：2kwh\n消费合计：23.22元 ", "color" => '#000000' ]
阅读全文
摘要：参考：https://blog.csdn.net/weixin_43932245/article/details/109203514
阅读全文
摘要：参考： Webpack3+postcss+sass+css自动添加前缀配置 autoprefix 链接：Webpack3+postcss+sass+css自动添加前缀配置
阅读全文
摘要：参考：https://blog.csdn.net/qq_17518593/article/details/52689178
阅读全文
摘要：1、使用hover 2、使用方法 <div class="item" @mouseover="showqrcode()" @mouseout="hideqrcode()"> <icon-svg icon-class="iconwechat" /> </div> showqrcode() { this
阅读全文
摘要：让外层的盒子占位置，盒子的宽高比设置： // 防止图片加载的过程中，页面抖动 .wrapper width: 100% height: 0 overflow: hidden padding-botton: 100% .wrapper (浏览器兼容问题) width: 100 height: 100v
阅读全文
摘要：position: absolute; top: 0; left: 0; bottom: 0 overflow: hidden;
阅读全文
摘要：https://www.jianshu.com/p/e53b5a791670
阅读全文
摘要：今天看着视频学习的时候遇到了，觉得以后会遇到，就记录下来了 需求：点击图片，显示遮挡层，同时下滑显示视频。点击"X"，遮挡层消失，同时视频上滑隐藏。 具体代码： 通过v-show控制整个video-box盒子的显示与隐藏，可以提升性能。 <div class="item-video"> <h2> 6
阅读全文
