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

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

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

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

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日

悬赏问题

  • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
  • ¥15 java写代码遇到问题,求帮助
  • ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
  • ¥15 有了解d3和topogram.js库的吗?有偿请教
  • ¥100 任意维数的K均值聚类
  • ¥15 stamps做sbas-insar,时序沉降图怎么画
  • ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看
  • ¥15 关于#Java#的问题,如何解决?
  • ¥15 加热介质是液体,换热器壳侧导热系数和总的导热系数怎么算
  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计