css - 为什么跨度宽度被忽略？

Question

我在我的代码中发现了这种情况，找不到解释。为什么 Chrome（以及其他浏览器）将宽度设置为自动，忽略我的width: 15px?

这是一个屏幕截图：

Answer 1

spans 是inline元素。您不能设置inline元素的宽度。

为了设置宽度，您必须更改display元素的属性。

.elem {
    display: inline-block;
}

我建议阅读这些内容以了解有关 CSS 盒模型的更多信息：

• CSS 盒子模型
• 了解内联盒模型/