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

时间:2024-09-02 21:07:26

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

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

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

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

其中

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

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