首页 > Web开发 > 详细

HTML+css 文字只显示一行

时间:2018-07-21 14:03:40      阅读:205      评论:0      收藏:0      [点我收藏+]

电脑端

设置行高,超出隐藏

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 文字只显示一行

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!