我的 text-align:justify 不起作用

Question

我有一个 div 是一个父母的孩子。 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> 标签才能使文本对齐生效。然后您可以在文本块上添加边距或宽度。