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

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

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

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

其中

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

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

猜你喜欢

转载自www.cnblogs.com/catcher625/p/10536967.html