随笔分类 -  Css随笔

摘要:css完成图形裁剪 阅读全文
posted @ 2024-07-10 10:21 奔跑的哈密瓜 阅读(26) 评论(0) 推荐(0) 编辑
摘要:案例如下: .parent{ width:500px; height:500px; background-color: #ccc; } .child{ background-color: red; color:#fff; width:100px; height:50px; } <div class= 阅读全文
posted @ 2023-06-30 18:01 奔跑的哈密瓜 阅读(9) 评论(0) 推荐(0) 编辑
摘要:在一次使用less的项目中发现在使用calc计算高度的时候无法成功,页面显示的高度为: height:calc(-100%) 而我们在代码中写的是: height:calc( 100% - 500px); 发现计算是失败的,这时候可以使用 height:calc(~"100% - 500px"); 阅读全文
posted @ 2022-04-06 14:14 奔跑的哈密瓜 阅读(135) 评论(0) 推荐(0) 编辑
摘要:这是因为当前版本与4.0.0不兼容 卸载当前版本sass: npm uninstall node-sass 安装指定版本sass: npm install node-sass@4.14.1 阅读全文
posted @ 2021-10-22 15:19 奔跑的哈密瓜 阅读(1126) 评论(0) 推荐(0) 编辑
摘要:在icon图标的引用处加上 vertical-align: -10%; 这样就可以解决了。 阅读全文
posted @ 2021-07-29 09:05 奔跑的哈密瓜 阅读(338) 评论(0) 推荐(0) 编辑
摘要:方法如下 height:calc(100% - 20px); 值得注意的是减号左右空开 阅读全文
posted @ 2021-06-03 14:04 奔跑的哈密瓜 阅读(2947) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示