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;
css中的多行省略和单行省略
2024-09-03
41
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
css中的多行省略和单行省略
目录
相关文章
|
26天前
|
前端开发
|
3月前
|
前端开发
容器
CSS【详解】对齐 （含文本垂直对齐，文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐，图片和文本对齐等）
CSS【详解】对齐 （含文本垂直对齐，文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐，图片和文本对齐等）
50
0
0
|
3月前
|
前端开发
|
4月前
|
前端开发
容器
|
5月前
|
前端开发
|
5月前
|
前端开发
容器
CSS 超出内容... 或者多行省略及两端对齐及超出多行居中显示
该文本是关于CSS样式技巧的摘要：包括单行和多行文本超出时的省略显示方法，以及Flex布局的两端对齐和一行超出后多行居中的示例代码。
31
0
0
|
5月前
|
前端开发
|
5月前
|
弹性计算
前端开发
|
5月前
|
前端开发
|
5月前
|
前端开发