css H2 -等宽-尽管添加了编号，但仍保持容器的固定宽度[已关闭]

laik7k3q 于 2023-02-01 发布在其他

关注(0)|答案(2)|浏览(98)

- 已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
19小时前关门了。
Improve this question
当h2元素达到两位数时，它会自动向左添加一个填充（检查图像），这会扰乱我的"容器"宽度。
有什么想法如何删除它？如果我不能删除它，它周围的黑盒子怎么能保持相同的维度，而不会在数字添加时发生变化？
超文本标记语言

<body>
    <main>
      <div class="col1">
        <h1>HOME</h1>
        <div class="h2-cont">
          <h2 id="home-score">0</h2>
        </div>
        <div class="btns">
          <button onclick="add1H()">+ 1</button>
          <button onclick="add2H()">+ 2</button>
          <button onclick="add3H()">+ 3</button>
        </div>
      </div>
      <div class="col2">
        <h1>GUEST</h1>
        <div class="h2-cont">
          <h2 id="guest-score">0</h2>
        </div>
        <div class="btns">
          <button onclick="add1G()">+ 1</button>
          <button onclick="add2G()">+ 2</button>
          <button onclick="add3G()">+ 3</button>
        </div>
      </div>
    </main>

.h2-cont {
    margin: 0;
    margin-bottom: 2.6rem;
    background-color: #080001;
    padding: 3rem 6rem;
}

h2 {
    margin: 0;
    font-family: "Cursed Timer ULiL";  
    color: #F94F6D;
    font-size: 9rem;
}