本文摘自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怎么设置4个div并排显示
css如何实现div闪烁
css实现元素横向滚动的方法
css如何让图片自适应屏幕大小
sencss是什么?
css如何滚动图片
css怎么设置元素透明度
深入浅析css text-emphasis属性,看看它的用法!
css 搜索框怎么变大
css中font-family是什么意思
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 怎样在CSS中解决长英文单词的页面显示问题?