怎样在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怎么去掉属性

css如何设置文字加粗

css中有哪些属性可以继承

css如何实现适配iphone全面屏

css字体如何加粗

css阴影怎么做

css中怎么设置图片大小

css如何让文字成排显示

如何修改织梦css

css nav-left属性怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

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

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

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

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

评论

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