发英文文章的时候单词断开换行的问题,怎么解决?
英文单词自动换行问题很多人碰到过,一些中文版本的程序往往不注意这个问题,不能根据容器的大小自动换行,出现连续的英文或数字时容器被撑大,如长单词撑破表格;或者自动换行而又把英文单词拆开了,断裂成上下两行,阅读十分不便。
下面是使用CSS代码控制方法,你可以在引用的.CSS文件中引入,或直接在网页相关元素上使用style="..." 控制。

div {word-wrap:break-word;}
table {table-layout: fixed;word-wrap:break-word;}

word-break:break-all; 不用加,它只是解决表格和层被撑破问题,对于中文它是没问题的,但英文词全部被截断了。造成英文单词只换行而被截断的原因,就是它。
word-wrap: break-word 内容将在边界内换行。默认会不拆开单词换行,但是如果有超出长度的英文单词或数字,如果需要,词内换行( word-break )也将发生。这个实际兼容了上面所说的word-break:break-all的功能。另,此属性仅作用于有布局的对象,如块对象。

另外blmo.cn需要说明的一点是,这个不是w3c标准,只支持IE浏览器,Mozilla 、Firefox不支持,没办法了。详见:http://blmo.cn/log/blmo/77.html
还有个类似的问题,在word中英文单词换行断字的问题,英文文章单词在行末尾都是断开的。可以试试:
选中文档,执行“格式/段落/中文版式”操作,在“换行”中选中“允许西文在单词中间换行”后“确定”。
Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐