• html内容溢出部分...


    首先标签必须满足不是行内标签

    方法一:(单行)此方法没有任何问题

    38px;(需要给定宽度)
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    方法二:(多行)此方法浏览器兼容有问题,比如IE,火狐不行

    38px;(需要给定宽度)
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;(行数)
    -webkit-box-orient: vertical;

    方法三:(多行)after属性 可能在文字对齐上没有之前的优美

    容器名{
      max-height: 64px;
      overflow: hidden;
      margin: 5px 0;
      word-wrap:break-word;
      position: relative;
      padding: 0 10px 0 0;
    }
    容器名:after{
      content: "...";
      position: absolute;
      right: 0;
      bottom:0;
    }

  • 相关阅读:
    反射
    IO流
    集合(下)
    集合(上)
    泛型
    异常
    常用类
    内部类
    将博客搬至CSDN
    DBMS_ERRLOG记录DML错误日志(二)
  • 原文地址:https://www.cnblogs.com/zhaozhou/p/9022911.html
Copyright © 2020-2023  润新知