css - 我的文本对齐 :justify doesnt work

Question

我有一个 div，它是一个 parent 的 child 。 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>标签以使文本对齐起作用。然后您可以在文本 block 上添加边距或宽度。