• QQ登录

    只需要一步,快速开始

    登录 立即注册
  • 快捷导航
    查看: 584|回复: 0
    打印 上一主题 下一主题

    css限制显示字数,文字长度超出部分用省略号表示 只显示一行

    [复制链接]

    988

    主题

    1036

    帖子

    221万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    2210868
    跳转到指定楼层
    楼主
    发表于 2018-10-16 16:05:21 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    为了保证页面的整洁美观,在很多的时候,我们常需要隐藏超出长度的文字。这在列表条目,题目,名称等地方常用到。

    (1).文字超出一行,省略超出部分,显示'...'

    如果这种情况比较多,可以取一个切合作用的类名用于复用。

    .line-limit-length {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap; //文本不换行,这样超出一行的部分被截取,显示...

    }



    最新消息:神秘地球黑洞深不可测,不停吸入周围海水。



    //图标字体


    1. .product-buyer-name {

    2. max-width: 110px;

    3. overflow: hidden;

    4. text-overflow: ellipsis;

    5. white-space: nowrap;

    6. }
    复制代码





    上一篇:最新版HTML5 CSS3实例标签页面精解视频教程(共32课
    帖子永久地址:?

    易云资源技术 - 免责声明1、本站教程搜集来源于网络,本站不参与翻录、上传,资源仅供学习交流之用。
    2、本站所有主题由该帖子作者发表,该帖子作者与易云资源技术享有帖子相关版权
    3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和易云资源技术的同意
    4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
    5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    积分充值|手机版|易云资源技术 ( 黔ICP备15016750号-8 ) Copyright?2016-2017 YSVIP All Rights Reserved.

    快速回复 返回顶部 返回列表