我的text-align：justify不起作用

Question

我有一个父母的孩子。 text-align：justify不起作用。

儿童HTML：

<div id="right-text">По легенде, у расположенного на центральном острове<br> 
 Ворсменского озера Свято-Троицком монастыре были 
 большие<br> связи с  купечеством и представителями Италии.</div>

儿童CSS：

#right-text {
width: 800px;
height: 400px;
display: flex;
flex-direction: column;
text-align: justify;
}

家长CSS：

#wrapper {
overflow-x: hidden;
height: 100%;
width: 100%;
background-color:#fff5e5;}

我得到了什么： [！[在此处输入图像说明] [1]] [1]

任何建议都将不胜感激。

Answer 1

您必须删除<br>代码才能使文字理由有效。然后，您可以在文本块上添加边距或宽度。