首页 > Web开发 > 详细

css公共库——简介中超过长度显示省略号

时间:2019-03-15 14:57:12      阅读:122      评论:0      收藏:0      [点我收藏+]

在简介、引言中常见:文字只有一排,超出宽度以省略号显示,像这样

技术分享图片

实现方法:在公共库定义otw类

.otw{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

其中

text-overflow:ellipsis 显示省略符号来代表被修剪的文本;

white-space:nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。

css公共库——简介中超过长度显示省略号

原文:https://www.cnblogs.com/catcher625/p/10536967.html

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