设置了word-break:break-all，末尾有中文标点会提前换行的问题

Posted 2020-10-01 寻_荒

为解决文章中可能出现长串的英文（如 url路径）不断行的问题，我们通常会给文本加word-break：break-all属性。在实际运用中，这个属性会影响中文标点符号，导致中文和标点提前换行使行尾留出很长的空白。这种情况下可以用：

word-wrap:break-word;
overflow:hidden;
来代替，效果会使英文断行并且不影响中文标点换行。为了让文字两边对其显示，增加样式：

text-align:justify;