DecadentF的博客

一、块级元素及行内元素 概念： 块级元素： 总是独占一行，将后面的元素挤到新的一行。 行内元素： 紧挨着显示，不会自动换行。 特性： 块级元素： 可以设置宽高、内边距、外边距。可以包含块级元素和行内元素。 行内元素： 不可设置宽高（img、input、select、button、textarea等除外），设置内边距、外边距只对左右起作用。只可包含行内元素和文字。 因此将块级元素设为行内元素时...

大致效果：https://codepen.io/Wangxixi/pen/yWbKdg 主要使用的是CSS3的column属性，这个属性用于多列布局。 容器属性 1、column-width 语法： column-width: auto | length 定义为每一列的最小宽度 2、column-count 语法： column-count: aut...

text-overflow: ellipsis;没有使溢出部分省略，而是换到下一行，是因为要配合 overflow: hidden; white-space: nowrap; 属性一起使用 若要使文本超出2行省略，则要设置css为： overflow：hidden; text-overflow:ellipsis; display: -webkit-box; 设为...

首先先上效果图，来筛选需要学习的同伴（驱逐，大佬退散！！！） 因为这个需求是公司微信小程序里提出来的，所以我就直接使用小程序来演示了，没学过小程序的同僚不用担心，因为小程序它的语法基本上就是我们前端语法。 接下来就是我们的核心实现了： .item-id{ position: sticky; top: 0; } 没错，就是这么两行CSS代码，一行js代码都不需要，开...