css文字水平均匀分布

应用场景

希望在某个元素内文字水平均匀分布

代码

.avg_dis_box{
　　border: 1px solid tomato;
　　padding: 20px;
　　width: 300px;
　　/*  text-align CSS 属性定义行内内容（例如文字）如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐，只控制它的行内内容的对齐。 */
　　text-align: justify; 
　　/* CSS 属性 text-align-last 描述的是一段文本中最后一行在被强制换行之前的对齐规则。 */
　　text-align-last: justify;
}

<div class="avg_dis_box">我希望这一段文字水平均匀分布</div>

效果