CSS 文字两端对齐

在一下录入信息的场景中非常常见的需求，如图：

实现原理：
设置元素

text-align: justify;

相邻元素或伪元素

 display: inline-block;
 content: '';
  100%;

实现的效果：

代码实现

参考

• 【小技巧】CSS文字两端对齐
• 真正可用的CSS文字两端对齐
• CSS文字两端对齐