css 文本多行省略

73 阅读1分钟
.item-text{
    // 必须固定宽高
        width: 100%;
        flex: 1;
        margin-top: 10px;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis; // 超出隐藏
        display: -webkit-box; // 设置为webkit box
        -webkit-line-clamp: 6; // 设置最多显示行数
        -webkit-box-orient: vertical; // 设置文本对齐方式 垂直
        word-wrap: break-word;
        word-break: break-all;
      }