我的文本對齊：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>標籤才能使文本對齊正常。然後，您可以在文本塊上添加邊距或寬度。