前端实用css代码片段

线性小三角

```

.rightArrow::after{

    content:'';

    display: inline-block;

    width: 18rpx;

    height: 18rpx;

    border: 2rpx solid #999;

    border-left: none;

    border-top: none;

    transform: rotate(-45deg);

}

```

去除inlie-block元素的间隙 

inline-block之间的间隙是因插入了空白换行或回车符所致

要处理这个间隙，得注意被转换为inline-block的元素，原本是inline level还是block level

文章来源：[inline-block元素间间隙产生及去除详解]

```

#demo{

font-size:0;

[;font-size:12px;];

*font-size:0;

font-family:arial;

[;letter-spacing:-3px;];

*letter-spacing:normal;

*word-spacing:-1px;

}

#demo span{

display:inline-block;

*display:inline;

*zoom:1;

font-size:14px;

letter-spacing:normal;

word-spacing:normal;

}

```