CSS-实现省略号

简介: 省略号作用在制作网页的时候,经常会遇到文字内容太多超出部分省略的情况我们可以把这个类设置在公共样式里,需要的时候随时调用

省略号作用

在制作网页的时候,经常会遇到文字内容太多超出部分省略的情况

我们可以把这个类设置在公共样式里,需要的时候随时调用

实现方法

.omit {
  width: 185px;
 /* 省略号的设置 
 前提:文本父级要有宽度 */
  white-space: nowrap;
/* 设置文本不换行 */
  overflow: hidden;
  text-overflow: ellipsis;
}
相关文章
|
2月前
|
前端开发
css中的多行省略和单行省略
css中的多行省略和单行省略
|
1月前
|
Web App开发 前端开发 iOS开发
|
2月前
|
前端开发
css中的多行省略和单行省略
css中的多行省略和单行省略
|
5月前
|
前端开发 容器
用CSS将文字超出部分变为省略号的方法
用CSS将文字超出部分变为省略号的方法
76 0
|
6月前
|
前端开发
前端 CSS 经典:省略号
前端 CSS 经典:省略号
102 0
|
6月前
|
前端开发 容器
CSS 超出内容... 或者多行省略及两端对齐及超出多行居中显示
该文本是关于CSS样式技巧的摘要:包括单行和多行文本超出时的省略显示方法,以及Flex布局的两端对齐和一行超出后多行居中的示例代码。
|
6月前
|
前端开发
CSS多行省略的方法有哪些
CSS多行省略的方法有哪些
|
6月前
|
弹性计算 前端开发
CSS 文字超出变为省略号
CSS 文字超出变为省略号
64 0
|
6月前
|
前端开发
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
|
11月前
|
前端开发
CSS:实现文本超出显示省略效果(可指定几行显示)
CSS:实现文本超出显示省略效果(可指定几行显示)