如何让数字内容,占满一个定宽的盒子

146 阅读1分钟

场景是这样的:
一个固定宽度的盒子,里面要放一堆数字,数字有长有短,也就说不定长,
有什么办法让他任何时候,都均匀排布在盒子里面呢?

image.png

有背景色区域的样式,是使用下面的代码得出的效果,并不是我期望的效果
.label {
  width: 60px;
  height: 31px;
  line-height: 31px;
  padding-right: 10px;
  text-align: justify;
}
 
.label::after {
  display: inline-block;
  width: 100%;
  content: "";
}