zoukankan      html  css  js  c++  java
  • 单行溢出 和多行溢出

    /*单行溢出*/
    .one_txt_cut {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .txt_cut {
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    //英文排版
    .word{
    word-break: break-all;
    word-wrap: break-word;

    }

    // 溢出文本省略号
    @mixin ellipsis($line, $important: false) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    @if ($important) {
    -webkit-line-clamp: $line !important;
    } @else {
    -webkit-line-clamp: $line;
    }
    }

    // 溢出文本省略号
    @mixin ellipsis-inline($line) {
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: $line;
    -webkit-box-orient: vertical;
    }
  • 相关阅读:
    暑假每周学习进度-7
    暑假每周学习进度-6
    寒假生活05
    寒假生活04
    寒假生活03
    寒假生活02
    寒假生活01
    软件设计师2019模拟小测
    第二周学习记录
    2019秋季学习计划
  • 原文地址:https://www.cnblogs.com/smzd/p/8491583.html
Copyright © 2011-2022 走看看