怎样在CSS中解决长英文单词的页面显示问题?


本文摘自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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...