css设置文字多余部分显示省略号

作者 : admin 发布时间: 2021-06-30 文章热度:582 共255个字,阅读需1分钟。 字体:
  • 文章介绍
  • 评价建议
  • 如果只显示一行,则可以使用以下方法:

      overflow: hidden;

      text-overflow:ellipsis;

      white-space: nowrap;

    如果需要显示多行,在需要设置的元素style中添加以下代码:

      word-break: break-all;

      text-overflow: ellipsis;

      display: -webkit-box;

      -webkit-box-orient: vertical;

      -webkit-line-clamp: 2;

      overflow: hidden;

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

    发表评论

    1313+

    本站勉强运行

    2+

    用户总数

    93+

    资源总数

    0+

    今日更新

    2022-9-27

    最后更新时间