前端笔记之css文字限制行数

.box{
       width: 200px;
       white-space: normal;
       border: 1px solid #000;
       overflow : hidden;
       text-overflow: ellipsis;
       -webkit-line-clamp: 3;  /* 设置超出多少行隐藏 */
       -webkit-box-orient: vertical;
       display: -webkit-box; 
 /* 设置 display 为 -webkit-box 或者 -webkit-inline-box 时为隐藏状态 */
  }