text-align: justify 无法两端对齐解决办法

网上查找问题：
text-align: justify; 一行文本不进行处理,还有强制换行的也不处理，只有强制占满了一行才处理两端对齐。
emmmmmmmmmm---------------------
解决办法一：

<p class ="test01">测试两端对齐</p>

<style>
.test01{
     
     
text-align: justify;
background: red;
}
.test01:after{
     
     
  content:"";
  display:inline-block;
  width:100%;
}
</style>

解决方法二：

<p class="test02">测试两端对齐<span></span></p>
<style>
.test02{
     
     
     text-align:justify;
     background: red;
     overflow: hidden;
}
.test02 span{
     
     
    display:inline-block;
    width:100%;
}
</style>