Html 当有'；It’这条线上没有多余的空间，而是被推到第二条线上了吗？

blockquote{
背景颜色：浅蓝色；
宽度：410像素；
高度：400px；
}
blockquote p{
浮动：；
保证金：0；
填充：0；
显示：内联块；
背景色：红色；
}
区块报价img{
保证金：0；
填充：0；
宽度：100px；
高度：100px；
}

我喜欢喝咖啡

咖啡是生命的甘露

在您没有设置

p

的

宽度时，它将由容器内的内容或文本自动确定，如果您将容器的
宽度减少到
400px
，并且减少
p
内的文本，则将继续内联对齐，以下是示例


blockquote{
背景颜色：浅蓝色；
宽度：400px；
高度：400px；
}
blockquote p{
保证金：0；
填充：0；
浮动：；
显示：内联块；
背景色：红色；
}
区块报价img{
保证金：0；
填充：0；
宽度：100px；
高度：100px；
}

我喜欢喝咖啡

咖啡是花蜜

我很感谢你试图帮助我，但我想告诉你的和你认为我想告诉你的之间有很大的差距。这是一个很大的误会。你一直试图向我证明我没有要求的东西。我知道两个“p”的宽度比容器大，但我的问题是，当第二个“p”不能与第一个“p”在同一行中时，它应该转到第二行，即它下面的一行，在第一个“p”下面。你一直试图告诉我这两个“p”不在同一行，我一直在问为什么不转到第二行这里有一个图片说明了我的问题。请看一看->根据我的经验，这不是这个布局的工作原理。你所说的是网格布局。那么它是如何工作的呢？既然我没有将blockquote显示为：grid，那么这是一个网格布局吗？