css 文本两边对齐有些文字的间距就被拉开了

有时为了保持文章段落的美观,我们希望文章段落最好能够两边对齐,我们一般的解决办法是使用text-align: justify,但遇到中英混搭的段落时,文本之间距离被拉大。这个问题原因很简单,这个所谓的两端对齐,指的就是无论这一行当中有多少内容,都需要撑满整行(最后一行除外)。

如果我们希望实现的是左右两端都是比较整齐的,又是英文的状态,不希望出现右边有比较大空缺的话,可以使用正常的左对齐,然后配合word-break进行控制,word-break控制的是单词的切断方式,默认情况下,英文单词是不允许被随意中断的,但是如果我们添加以下代码:

1
word-break: break-all;

您的支持将鼓励我继续创作!