AI 助理
备案控制台
开发者社区 云原生 文章 正文

p标签字数过多显示省略号

2022-05-26 766
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： p标签字数过多显示省略号

只需几个简单的属性,就能实现文本超过容器长度就显示为省略号的效果

p {
    width: 100px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
文章标签：
容器
蒋大侠
目录
相关文章
讓丄帝愛伱
span标签显示固定长度显示省略号，光标放上显示全部
span标签显示固定长度显示省略号，光标放上显示全部
讓丄帝愛伱
165 0
卡尔特斯
|
前端开发
CSS 限制文字行数(超出显示省略号...)
CSS 限制文字行数(超出显示省略号...)
卡尔特斯
117 0
晚来南风晚相识
elementui表格内容超出显示省略号
elementui表格内容超出显示省略号
晚来南风晚相识
1072 0
远近高低各不同
|
7月前
|
前端开发
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
远近高低各不同
98 0
兜里只有三分钱~
文本超出显示省略号--截取字段
文本超出显示省略号--截取字段
兜里只有三分钱~
45 0
yingjieweb
文本溢出显示省略号，鼠标浮动查看全部内容
文本溢出显示省略号，鼠标浮动查看全部内容
yingjieweb
120 0
我想giao啊
多行文本溢出显示省略号
多行文本溢出显示省略号
我想giao啊
65 0
sysdzw
|
Web App开发 存储 弹性计算
div中文字超过指定数量后不显示并且以省略号结尾
div中文字超过指定数量后不显示并且以省略号结尾
sysdzw
382 0
div中文字超过指定数量后不显示并且以省略号结尾
游客27r7zphg3jgwe
|
JavaScript 前端开发
文本溢出显示省略号
文本溢出显示省略号
游客27r7zphg3jgwe
155 0
文本溢出显示省略号
bug菌
|
前端开发
多行文本溢出显示省略号(…) +css样式
多行文本溢出显示省略号(…) +css样式
bug菌
154 0
多行文本溢出显示省略号(…) +css样式