对word-wrap和word-break的理解

旧城冷巷雨未停 提交于 2019-11-29 04:09:00

首先,对中文无效,对英文有效,原因是中英文处理不一样。

对中文来说,只有一种可能,当最后的空间容不下一个字符的时候,换到下一行。

对英文来说,却有三种可能,在纸质,空间容不下一个字符的时候,也只能换行,但在互联网上,默认是允许溢出的。

第一、默认溢出一个单词完全显示然后换行。

第二、直接将默认溢出的那个单词换到下一行。word-wrap:break-word;

第三、将默认溢出的那个单词分拆两行显示。word-break:break-all;

这三种方法均有优缺点,视情况一般选择第二和第三方式显示,第二适合传统正常英文文章,第三适合,所谓的单词较长,不是传统意义上的单词,而是如url,md5等长字符串。

值得注意的是,在table td中word-wrap:break-word;无效。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!