CSS 文本换行

1 <div class="hack">
2 <p>javascriptfff java scriptffff fffffff javascri pt javascript javascript</p>
3 <p>111111111111111111111111111111111111</p>
4 <p>我们去吃饭吧我们去吃饭吧我们去吃饭吧我们去吃饭吧我们去吃饭吧我们去吃饭吧</p>
5 </div>
1 .hack{ width:100px; word-wrap:break-word; border:#000 1px solid;}

运行结果:

文本换行的一些样式属性:

1. word-break:break-all;只对英文起作用,以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据
3. white-space:pre-wrap; 只对中文起作用,强制换行
4. white-space:nowrap; 强制不换行,都起作用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现

posted @   migo_  阅读(5480)  评论(0编辑  收藏  举报
编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
点击右上角即可分享
微信分享提示