网页中CSS实现超长英文、数字自动换行

浏览器中对于英文、数字超出容器宽度的处理是将整个不包含空格的单词换行,而不将单词及数字截断,这种处理是人性化的,但有时候遇到超长英文或数字时,却因为这种处理方式而导致容器宽度被撑大,致使页面非常难看,而通过CSS我们可以使其强制换行:

英文字符、数字强制换行:

word-wrap : break-word ;

word-break : break-all;

数字强制换行,英文字符不强制:

word-wrap : break-word;

[ACM_HDU_1297]Children’s Queue一文中,题目中的英文单词仍人性化判断是否换行,而下面的超长数字则强制自动换行。




=======================签 名 档=======================
原文地址(我的博客): http://www.clanfei.com/2012/04/386.html
欢迎访问交流,至于我为什么要多弄一个博客,因为我热爱前端,热爱网页,我更希望有一个更加自由、真正属于我自己的小站,或许并不是那么有名气,但至少能够让我为了它而加倍努力。。
=======================签 名 档=======================



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值