Html 为什么span标记向下延伸到子行

我怎样才能解决它。我想把整个电话号码都在同一条线上

输出

Call 1234 456
789

期望输出

Call 1234 456 789

HTML不会改变

。呼叫{
左缘：3%；
字号：1.5em；
}
.电话{
字号：2em；
}

呼叫
1234 456 789

因为您使用的是引导，并且您还没有为测试设置宽度（例如col-12或其他类似类），所以它不是100%宽度-您的

。导致这种情况的原因是test

div width。可能与作为

.row

的孩子

div

有关。如果你为

.test

设置了css

最小宽度

，你应该很好。@Sirko解决了我的问题，谢谢。我搜索了，但找不到它。如果您仍然对这种行为的原因感兴趣，那就是

.call

。容器中具有基于内容的宽度（

.test

，这是一个弹性项）的百分比边距起作用，因此浏览器首先计算内容的宽度（假设它们为0），然后计算该宽度的百分比，从而减少容器中的可用宽度。我反对将其作为副本关闭。链接的答案只说明了如何解决这个问题，但OP也询问了为什么它会这样做，这一点没有得到回答。可能会更相关！