查漏补缺

1. 字符串总加空格

var a = 'something' + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + 'something';

插入一个空格 (non-breaking space)
         或          或       

插入两个空格 (en space)
          或        或       

插入四个空格 (em space)
         或        或       

插入细空格 (thin space)
        或        或       

2. 透明的颜色 加 箭头效果

&::after {
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -20px;
    border-top: 20px solid #fff;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}

3. css小手

cursor:pointer

4.文字溢出 ...显示

 .ellipsis {
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
//多行
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*显示几行*/
overflow: hidden;

5. 溢出...显示

display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

6. 继承色

border: 1px solid currentColor;
posted @ 2020-01-05 22:59  Sugеr  阅读(232)  评论(0)    收藏  举报