Skip to content

小技巧

追踪用户是否点击某个链接

css
a:active::after {
  content: url('http://www.qq.com');
}
a:active::after {
  content: url('http://www.qq.com');
}

flex-basis vs width

flex-basis applies only to flex items When flex-direction is row, flex-basis controls width. But when flex-direction is column, flex-basis controls height. flex-basis 定义元素在主轴上的初始宽度,宽度会变化 width 定义了固定宽度 flex-basis 比 width 大的时候,flex-basis 的优先级更高,它会覆盖 width 的设置

不是第一个

css
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
    margin-left: 8px;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
    margin-left: 8px;
}

文本超出

css
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

文本指定行数换行

css
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
/* 以下  */
width: 25em;
white-space: normal;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
/* 以下  */
width: 25em;
white-space: normal;

iconfont

https://www.iconfont.cn/ > 资管管理 > 项目 图标加入购物车 > 车中加入项目 > 生成代码 > .css > @font-face