![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Archimelan
路漫漫其修远兮,吾将上下求索。
展开
-
CSS中定义变量,并使用变量设置属性值
:root{ --base: yellow; --spacing: 10px; --blur: 10px; }上面代码定义了3个变量,:root使得所有人可访问 img{ filter: blur(var(--blur)); padding: var(--spacing); backgroun翻译 2017-11-01 14:59:58 · 7481 阅读 · 0 评论 -
flex布局实现左右都不定宽的自适应布局
第一个应用:固定宽度+自适应布局,需求如下:左边图片定宽,图示选中区域为自适应布局实现:这个比较简单,父元素设置display: flex; 右边子元素设置:flex-grow: 1,这样子右边会自动撑开空白的地方。第二个应用:完全显示的文本+超出省略的文本(两边都不定宽):需求如下:邀请时间完全显示,昵称超出后省略实现:父容器设原创 2017-11-03 17:18:19 · 8602 阅读 · 0 评论