我的 text-align:justify 不起作用

Question

我有一个 div 是 child 对一个 parent。 text-align:justify 不起作用。

Child HTML:

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

Child CSS:

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

Parent CSS:

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

我得到的是： [![在此处输入图片描述][1]][1]

如有任何建议，我们将不胜感激。

Answer 1

您必须删除 <br> 标记才能使文本对齐生效。然后您可以在文本块上添加边距或宽度。

我的 text-align:justify 不起作用

My text-align:justify doesnt work

css

text-align

flexbox