热门搜索:
您现在的位置是：首页 > 文章详情

css文字溢出用省略号表示

日期：2018-08-11点击：550

单行溢出

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div>
            程序员(英文Programmer)是从事程序开发、程序维护的专业人员。一般将程序员分为程序设计人员和程序编码人员，但两者的界限并不非常清楚，特别是在中国。软件从业人员分为初级程序员、中级程序员、高级程序员（现为软件设计师）、系统分析员，系统架构师，测试工程师六大类。
        </div>
    </body>
</html>

<style type="text/css">
    div {
        width: 400px;
        height: 20px;
        border: 1px solid #999;
        /* 使文字溢出时用省略号表示 */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
</style>

多行溢出

div {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
原文链接：https://yq.aliyun.com/articles/666799
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源。

相关文章

    文章评论

    共有0条评论来说两句吧...

    文章二维码

    扫描即可查看该文章

    点击排行

    推荐阅读

    最新文章