css中的多行省略和单行省略

简介: css中的多行省略和单行省略

css实现单行省略

//注意点:一定要设置width
  width:100px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

css实现多行省略

display:-webkit-box;
overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
相关文章
|
1月前
|
前端开发
css中的多行省略和单行省略
css中的多行省略和单行省略
|
3月前
|
前端开发 容器
CSS【详解】对齐 (含文本垂直对齐,文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐,图片和文本对齐等)
CSS【详解】对齐 (含文本垂直对齐,文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐,图片和文本对齐等)
50 0
|
3月前
|
前端开发
css 实现打字特效(仅支持单行文本)
css 实现打字特效(仅支持单行文本)
27 0
|
4月前
|
前端开发 容器
用CSS将文字超出部分变为省略号的方法
用CSS将文字超出部分变为省略号的方法
32 0
|
5月前
|
前端开发
前端 CSS 经典:省略号
前端 CSS 经典:省略号
80 0
|
5月前
|
前端开发 容器
CSS 超出内容... 或者多行省略及两端对齐及超出多行居中显示
该文本是关于CSS样式技巧的摘要:包括单行和多行文本超出时的省略显示方法,以及Flex布局的两端对齐和一行超出后多行居中的示例代码。
|
5月前
|
前端开发
CSS多行省略的方法有哪些
CSS多行省略的方法有哪些
|
5月前
|
弹性计算 前端开发
CSS 文字超出变为省略号
CSS 文字超出变为省略号
43 0
|
5月前
|
前端开发
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
|
5月前
|
前端开发
css实现单行文本溢出以及多行文本溢出
css实现单行文本溢出以及多行文本溢出