1,单行文本溢出处理:

溢出文本处理

溢出文本处理

溢出文本处理

处理方法:

首先让p标签失去换行的功能

溢出文本处理

溢出文本处理

然后再让溢出部分隐藏

溢出文本处理

溢出文本处理

然后再设置溢出部分用...表示

溢出文本处理

溢出文本处理

一共就3句话:

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

2,多行文本

溢出文本处理

溢出文本处理

溢出文本处理

多行文本一般只做截断,不做打点

溢出文本处理

溢出文本处理

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-05-20
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-22
猜你喜欢
  • 2022-12-23
  • 2021-05-21
  • 2022-12-23
  • 2022-12-23
  • 2021-12-20
  • 2022-12-23
  • 2022-02-03
相关资源
相似解决方案