css开发小技巧

1.隐藏滚动条：https://www.cnblogs.com/jofun/p/11158145.html

2.CSS设置文字不换行：

1 .textText{
2     width:50px;
3     overflow:hidden;
4     text-overflow:ellipsis;
5     white-space:nowrap;
6 }


当文本为多行文字时如下设置CSS

 1 .box p{ 
 2         width:400px; 
 3         border:1px solid #ccc;
 4          margin:20px auto;
 5         overflow : hidden;
 6         text-overflow: ellipsis;
 7         display: -webkit-box;
 8         -webkit-line-clamp:2;
 9         -webkit-box-orient: vertical;
10 }

注意 react中需要把

-webkit-line-clamp改为WebkitLineClamp

-webkit-box-orient同理

3.禁止图片下载

pointer-events: none