码迷,mamicode.com
首页 > Web开发 > 详细

HTML+css 文字只显示一行

时间:2018-07-21 14:54:51      阅读:571      评论:0      收藏:0      [点我收藏+]

标签:16px   overflow   psi   div   ext   lips   text   play   vertica   

电脑端

设置行高,超出隐藏

p{
    width: 80%;
    height: 16px;
    line-height: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space:nowrap;
}

 

 移动端

p {
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

 

HTML+css 文字只显示一行

标签:16px   overflow   psi   div   ext   lips   text   play   vertica   

原文地址:https://www.cnblogs.com/yyr0208/p/9345909.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!