css 超出显示 ....

.box{  
  overflow: hidden;
      //大概是一种布局方式，百度竟然你没找到资料
  display: -webkit-box;
     //大概是说要横向的还是属性的排列
  -webkit-box-orient: vertical;
    //这个意思是说 在第三行如果文字有超出的部分，那么在后面添加...
    //即使你的box 可以放第四行，他也会给你在第三行添加...所以box高度要自己把握好。
  -webkit-line-clamp:3;
   /* 所以可以完整的显示两行 */
    line-height: 50rpx; 
}

1 如果列表的名称长度不去定，做好是给他一个固定的高度，

2 设置overflow；hidden

3 设置display