
css
前端菜鸟一枚
记录自己的学习之路
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
flex 布局,子元素会撑开父元素,子元素宽度无效
<div class="box"> <div class="left-con"> <div class='c'> <div> </div> <div class="right-con"></div></div><style>.box {display: flex;}.left-con{flex: 1; width: 0}.right-con {wid.原创 2021-12-15 16:24:27 · 1331 阅读 · 0 评论 -
vue中calc不生效,calc 取负数
添加一个~即可,下面两种方法都可以width: calc(~"100% - 2.8rem"); width: ~"calc(100% - 2.8rem)";原创 2021-12-13 10:11:42 · 2292 阅读 · 0 评论 -
解决inline-block引起的空白间距问题||居中显示
1.解决inline-block引起的空白间距问题空白符也是字符,我们可以把父元素的字体大小设为0,这样空白符也就消失了。ul{ font-size:0px; } 2.居中display:flex;display: -webkit-flex;-webkit-align-items: center;-webkit-justify-content: center;align-...原创 2018-09-19 08:59:58 · 180 阅读 · 0 评论 -
字蛛(font-spider)压缩字体
字蛛(font-spider)压缩字体因项目需求使用自定义字体,发现页面加载很慢,字体在8m左右,所以使用font-spider压缩字体大小,提升页面加载速度。1. 安装node ,npm 请参照https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html 安装的时候选择add to PATH 这样node npm 模...原创 2019-06-04 15:56:30 · 6108 阅读 · 2 评论