文字超出自定义行数省略号

1
2
3
4
5
6
7
8
9

<!-- 文字超出3行隐藏并显示省略号： -->
 <style>
    display: -webkit-box;          /* 必须结合的弹性盒子模型 */
    -webkit-box-orient: vertical;  /* 设置子元素的排列方式 */
    -webkit-line-clamp: 3;         /* 限制显示行数（此处为3行） */
    overflow: hidden;              /* 隐藏超出内容 */
    text-overflow: ellipsis;  
 </style>
<!-- 文字超出3行隐藏并显示省略号： -->