欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

css文本超出隐藏 显示三个点

程序员文章站 2022-07-04 09:34:40
文本超出显示三个点一般分两种情况 一,单行文本超出隐藏 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 二,多行文本超出隐藏 text-overflow: -o-ellipsis-lastline; overflow: hid ......

文本超出显示三个点一般分两种情况

  一,单行文本超出隐藏

   overflow:hidden;

   text-overflow:ellipsis;

   white-space:nowrap;

  二,多行文本超出隐藏

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3; //行数需设置

    line-clamp: 3;

    -webkit-box-orient: vertical;