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

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