欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-04 14:13:52
在简介、引言中常见:文字只有一排,超出宽度以省略号显示,像这样 实现方法:在公共库定义otw类 其中 text-overflow:ellipsis 显示省略符号来代表被修剪的文本; white-space:nowrap 文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。 ......

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

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

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

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

其中

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

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