本文摘自PHP中文网，作者php中世界最好的语言，侵删。
简言
在页面排版中，经常遇到长英文单词溢出段落容器的情况，如何解决该问题？现编制如下对比演示程序：
演示程序
42du.cn-在线演示程序
部分html代码
1 2 3 | <div class="block"> <h4>word-break:break-all;</h4> <p class="break-all">Extraordinarily longlong word!</p></div>
CSS代码
.break-all { word-break: break-all;}.break-word { word-wrap: break-word;}.hyphens { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
|
问题
阅读剩余部分
相关阅读 >>
css如何使用:indeterminate选择器
css怎么把div设置成圆角
css实现文本两端对齐的代码实例讲解
一分钟带你了解css兼容ie的写法
css怎么隐藏文本超出部分
前端项目开始制作前初始化css必要性
css怎么旋转图片
css如何实现按钮透明
css怎样让两个div重叠
css怎么消除块元素
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 怎样在CSS中解决长英文单词的页面显示问题？
