当前位置:   article > 正文

css文本内容呈现两行呈现,超出部分用省略号代替_css 两行显示

css 两行显示
  1. // 标题仅显示两行,溢出内容省略号代替
  2. overflow: hidden;
  3. text-overflow: ellipsis;
  4. display: -webkit-box;
  5. -webkit-line-clamp:2;
  6. -webkit-box-orient:vertical;

css文本内容呈现1行呈现,超出部分用省略号代替

  1. .text{
  2. width: 300px;
  3. overflow: hidden;/*超出部分隐藏*/
  4. white-space: nowrap;/*不换行*/
  5. text-overflow:ellipsis;/*超出部分文字以...显示*/
  6. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/120477?site
推荐阅读
相关标签
  

闽ICP备14008679号