html text-align:justify,两端对齐,如何解决单词之间距离被拉大

html-css027

html text-align:justify,两端对齐,如何解决单词之间距离被拉大,第1张

这个问题解决不了,原因很简单,这个所谓的两端对齐,指的就是无论这一行当中有多少内容,都需要撑满整行(最后一行除外)

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

word-break: break-all

则表示可以允许英文单词在单词之间进行换行

原问:html中怎么设置文字两边对齐

可以试试

text-align: justify

text-align-last: justify

这两句,实现文字两端对齐