Html 解决长串英文字母显示不能自动换行及 CSS中英文换行方法总结

摘要:
如果英文字母之间没有空格,系统会认为这是一个单词,不会自动中断。如果有空间,它就会破裂。汉字并非如此。解决方案:单词中断:全部中断;CSS中文和英文换行符:1。单词break:打破所有;它只适用于英语,以字母作为换行符的基础。2.换行:换行;它只适用于英语,以单词作为换行符3的基础。空白:预换行;它只适用于中国人,强制使用第4行。空白:nowrap;不强行断线,一切正常。5.空白:nowrap;溢出:隐藏;文本溢出:省略号;没有换行符,多余部分被隐藏并以省略号的形式显示

英文字母之间如果没有空格,系统认为这是一个单词,就不会自动换行,一但有空格就会换行,汉字就没有这种情况.

解决办法:

word-break:break-all;


CSS中英文换行问题:

1. word-break:break-all;只对英文起作用,以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据
3. white-space:pre-wrap; 只对中文起作用,强制换行
4. white-space:nowrap; 强制不换行,都起作用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持) 

免责声明:文章转载自《Html 解决长串英文字母显示不能自动换行及 CSS中英文换行方法总结》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇nodejs 里https的开启splay模板 指针版&splay被卡祭下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

对于维特比译码的理解(英文)

Performing Viterbi Decoding The Viterbi decoder itself is the primary focus of this tutorial. Perhaps the single most important concept to aid in understanding the Viterbi algorit...

ORACLE 如何查看索引重建进度情况

   在ORACLE数据库中,如果一个比较大的索引在重建过程中耗费时间比较长,那么怎么查看索引重建耗费的时间,以及完成了多少(比例)了呢,我们可以通过V$SESSION_LONGOPS视图来查看索引重建的时间和进度。   官方文档关于V$SESSION_LONGOPS的介绍如下 V$SESSION_LONGOPS This view displays...

CSS强制英文、中文换行与不换行 强制英文换行

1. word-break:break-all;只对英文起作用,以字母作为换行依据2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用,强制换行4. white-space:nowrap; 强制不换行,都起作用5. white-space:nowrap; ove...

开始用巴别小精灵强化英语单词记忆

  以前跟孩子一起玩过乌龙学院,但那款游戏开始收费后,就不再考虑用游戏的方式来学英语,这些看到几个大学的同学在用游戏来背单词,感觉挺有趣,就试了一下。   原来这游戏有偷菜游戏有相同的思路,但偷菜只使人深迷,不给人知识。   而巴别在玩的同时还能记忆单词,与supermemo互补地背单词,确实不错。但要选择好的课程就要收费了。估计沉迷后就要掏银子了。   ...

20+在线外语学习网站

提供语言课程的网站 Mango Languages:  提供12种不同语言会话形式的在线课程,学习之初是免费的。 Vocabulix:  免费的西班牙语、德语和英语词汇构造法学习课程,同时也提供其他基于社会化网络的语言课程。 Pod Network: Spanishpod – Frenchpod – Chinesepod – 提供3种语言(西班牙语...

ubuntu修改中文文件夹名字为英文

为了使用起来方便,装了ubuntu中文版,自然在home文件里用户目录的“桌面”、“图片”、“视频”、“音乐”……都是中文的。    很多时候都喜欢在桌面上放一些要操作的文件,Linux里命令行操作又多,难免会用命令行操作桌面上的东西,那么就要 “cd  桌面”,打“桌面”的时候要输入法切换,麻烦……所以就想办法把用户目录下的路径改成英文,而其他的中文不变...