lihefei_coder的博客

换行垂直居中CSS.flex-center-vertical { display: flex; flex-flow: column; align-items: center;}

需求：第一行文字相对后面的图标自适应溢出隐藏(图标宽度随机)卡片采用flex布局宽度不固定(自适应父元素宽度变化)，左侧复选框固定宽度，右边自适应占满剩余宽度，右边第一行有文本和图标并存的情况，标题文本宽度不固定，后面的图标的宽度也不固定。实现代码<div class="card"> <div class="checkbox"> <el...

你未必知道的49个CSS知识点https://juejin.im/post/5d3eca78e51d4561cb5dde12?utm_source=gold_browser_extension

淘宝! function(e, t) { var n = t.documentElement, d = e.devicePixelRatio || 1; function i() { var e = n.clientWidth / 3.75; n.style.fontSize = e + &amp;quot;px&amp;quot; } if ...

CSS背景1.首先用编辑器打开需要用到的svg文件，复制源代码2.打开在线URL编码工具http://tool.oschina.net/encode?type=43.把复制的源代码粘贴至左侧的url文本框，然后点击中间的“url编码”按钮 4.复制编码结果，粘贴到CSS背景设置里(示例的svg为一个loading图标) background-image: url(‘data:i...

布局一&lt;style&gt; ul, ul *{ margin: 0; padding: 0; box-sizing: border-box; } ul { width: 400px; float: left; margin-right: 100px; } ul:after { content: ''; display: block; width: 0; hei...

当父元素设置了position属性并且设置了背景颜色，子元素设置了position:absolute和z-index:-1，子元素将会在父元素的层级背后不可见。<style>/*父元素无z-index值，子元素z-index设为负值将不可见*/.box { position:relative; top:0; left:0; width:100px; height:100px; backgroun