关于标点符号带换行的问题问题的解决最近在做介绍页面的时候，遇到了一个很巧的问题。放下文字，但标点符号将文字包裹起来，如下图：如果显示在上一行，那么句号应该显示在下一行，但是句号是为了避开第一个标点，不能出现在开头。因此，“的”一词被带到下一行。即使设置了word-break:break-all，中文标点换行功能也无效。这个时候需要用到的CSS属性就是line-break。换行属性介绍换行属性主要用于中日韩三种语言，其中以中文和日文为主。语法如下：.class{/*关键字值*/line-break:auto;换行符：松散；换行符：正常；换行符：严格；换行符：任何地方；/*全局值*/line-break:inherit;换行符：初始；line-break:unset;}feature:initialvalueautoappliestoelements所有元素是否继承properties是指定的计算值Animationtypediscrete语法值介绍auto使用默认换行规则分解文本loose使用限制最少的换行规则分解文本。一般用于短线，如报纸。normal使用最常见的换行规则分解文本。strict使用最严格（严格）的换行原则来分解文本。每个印刷字符单元周围的任何地方，都有机会进行软换行，包括任何标点符号字符或保留的空格，或之间的单词。但忽略任何用于防止换行的字符，甚至是来自GL、WJ或ZWJ字符集的字符，或由分词属性强制执行的字符。不同的换行机会具有相同的优先级。也不要应用连字符（可能是“-”）。最后，这里我们只需要加上换行符：anywhere;到CSS。class{line-break:anywhere;}效果如下：原文地址：https://kspf.xyz/archives/33/
