我有以下代码行
<style>
p {
display: inline-block;
}
</style>
<body>
<p>These two paragraphs generates inline boxes, and it results in</p>
<p>no distance between the two elements.</p>
现在当我使浏览器窗口变小时，只要文本“两个元素之间没有距离”不能包含在同一行中，它就会将整个“p”元素移动到第二行。如果我将显示更改为“内联”或“阻止”，那么这不会发生并且它会换行。有人可以解释一下这种行为。