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

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

css实现单行省略

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

css实现多行省略

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

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等