CSS设置文本超出显示省略号

9,854次阅读

共计 1236 个字符，预计需要花费 4 分钟才能阅读完成。

    
         测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本

    
         测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本

如果文本中有长单词，在换行时会自动截取整个单词换行

    
         测试文本 Changdanci 测试文本 Changdanci ChangdanciChangdanci ChangdanciChangdanciChangdanci

添加 word-break: break-all; 强行截断换行显示，在希望容器内全填充时使用，否则影响单词文案阅读感受。

    
         测试文本 Changdanci 测试文本 Changdanci ChangdanciChangdanci ChangdanciChangdanciChangdanci

原文地址: CSS 设置文本超出显示省略号

正文完

发表至：开发笔记

2024-11-03

0

转载说明：

1 本网站名称：优杰开发笔记
2 本站永久网址：https://yojack.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站所有内容均可转载及分享, 但请注明出处
6 我们始终尊重原创作者的版权，所有文章在发布时，均尽可能注明出处与作者。
7 站长邮箱：laylwenl@gmail.com

npm ERR! errno CERT_HAS_EXPIRED

[TS基础]对象,类,属性

antv-g6—在vue项目中实现网格拓扑流程图自定义绘制

开启Three.js之旅(会持续完善)

CSS 布局技巧实现元素左右排列