为什么跨度宽度会被忽略？

Question

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

以下是截图：

Answer 1

span是inline元素。您无法设置inline元素的宽度。

要设置宽度，您需要更改元素的display属性。

.elem {
    display: inline-block;
}

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

• The CSS box model
• Understanding inline box model/