凌晨一点的猫lx 2022-10-13 21:30 采纳率: 73.1%
浏览 43
已结题

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

问题遇到的现象和发生背景

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

img

用代码块功能插入代码，请勿粘贴截图
有背景色区域的样式，是使用下面的代码得出的效果，并不是我期望的效果
.label {
  width: 60px;
  height: 31px;
  line-height: 31px;
  padding-right: 10px;
  text-align: justify;
}
 
.label::after {
  display: inline-block;
  width: 100%;
  content: "";
}
  • 写回答

4条回答 默认 最新

  • cchengze 2022-10-13 22:53
    关注
    
<html lang="en">
    <body>
        <div id="box">123456789123456789</div>
    </body>
    <style>
        #box {
            width: 600px;
            background-color: #DDDDDD;
            text-align-last: justify;
        }
    </style>
    <script>
        document.getElementById("box").innerHTML = document.getElementById("box").innerHTML.split("").join(" ");
    </script>
</html>

    数字和英文默认无法拆分，所以需要用js来控制增加空格强制拆分

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

问题事件

  • 系统已结题 10月24日
  • 已采纳回答 10月16日
  • 创建了问题 10月13日