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


上一篇:常用css模板


下一篇:line-clamp