css文字水平均匀分布

发布时间 2023-07-11 14:46:05作者: 南无、

应用场景

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

代码

.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>

效果