如何在css中定义的div中匹配数字

我有下面的div结构

<div class="channel_name">
   <div class="channel_number">2299</div>
</div>

---

问题是，当有四位数字显示在

频道编号类别中时，该数字不适合
div
。如果我们更改字体大小，则数字适合于div，但数字不会出现在div的中心。相反，它会出现在div的顶部位置。现在，由于字体大小，数字会根据需要出现在div的中间，但对于四位数字，它不适合于div。请帮助我显示四位数字正确地位于分区中间。
更改频道号css

.channel_number {
     background-color: #FFFFFF;
     color: #FF0000;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: bold;
     margin: auto;
}

溢出：隐藏

另外，我没有看到任何问题：
增加
行高度。垂直对齐基于文本行的高度。减小字体大小时，行高也会减小，除非已明确设置行高

您可能还需要将其放置在一个内联元素（如span）中，并设置
垂直对齐：中间
溢出：隐藏；隐藏最后一个数字。问题是我在我的一个项目中使用了它，其中定义了其他css。单独来说，它可以很好地工作，但是当所有东西都集成在一起时，这个特殊的div就会生效。填充增加了空间，但并不能解决问题。我想保持空间不变，但要把数字放进去。类channel_名称有一个特定大小的背景图像，下一个div在其中。通道编号div应适合外部div，并且已纠正解决方案。请检查一下。这是你要找的吗？
.channel_number {
     background-color: #FFFFFF;
     color: #FF0000;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: bold;
     margin: auto;
}