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同理