css - 为 span 元素设置宽度而不是绝对的

Question

我正在寻找一种方法来避免桌子晃动，如下所示：

我知道这是因为小时数会改变它的位数。那么有没有一种方法可以根据字体大小设置宽度并且XX.XX可能是最宽的？

我总是可以将其更改为“小时”而不是“小时”，但我有点偏爱“小时”，只是好奇。此外，如果您在足够大的屏幕上，它会进入一行并且问题会持续存在。

谢谢

编辑：这是一个最小的代码示例小提琴

标签： css

Answer 1

span是一个内联元素，其宽度设置为其内容的大小。为了能够设置宽度，您可以将其设置为inline-blockusing display: inline-block;。然后，您可以使用min-width或width来完成您想要在此处执行的操作。

W3Schools 有关于显示属性的大量资源，以及不同的块元素如何与不同的显示属性一起工作。