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




 











            

            
posted @ 
2020-09-23 18:29 
小玲慕斯 
阅读(144) 
评论(0) 
编辑 
收藏 
举报