一、问题
正常的时候，使用word-break:break-all可以将英文或中文自动换行。
但是如果输入了标点符号（中文或英文的标点符号），这种换行特性就失效了，即使设置white-space属性也是无效的，此时可以用到的CSS属性是line-break。
二、解决方案
Line-break属性简介：
line-break属性主要用在CJK语言中，也就是中日韩3种语言中，其中以中文和日文为主。
line-break: auto; // 使用默认换行符规则分隔文本。
line-break: loose; // 使用限制最少的换行符规则分隔文本。通常用于较短的行，如报纸。
line-break: normal; // 使用最常见的换行符分割文本。
line-break: strict; // 使用最严格的换行符规则分隔文本。
line-break: anywhere; // 任意位置都可以作为换行点，包括任意的标点。
我们只需要在css中加上 line-break: anywhere 就可以自动换行了，同时也不影响中英文换行。
解决方法：设置css属性：word-break:break-all;word-wrap:break-word
CSS： word-break:break-all; word-wrap:break-word; Html代码 代码
原本：数字和英文在快换行的时候输入会被自动放到下一行 添加css“word-break:break-all;wor...
word-break: break-all;
a{word-break:break-all;}
1.换行：区别word-wrap:break-word和word-break:break-all 【css3】wo...
在设置文字环绕图片的时候，需要将文字设置成word-break:break-all;而将图片设置成float，否则...
如果想英文单词或者数字换行，可以用word-break:break-all; css.break{word-bre...
td中长数字或者长字母被当做一个单词不换行,给table加上css: {word-break: break-all}
1. word-break 属性 word-break: normal|break-all|keep-all;ke...
本文标题：CSS设置了word-break:break-all，输入中英文
本文链接：https://www.haomeiwen.com/subject/lngbcjtx.html
网友评论