我可以问一个关于内联和阻止的问题，我曾尝试过，但我没有找到答案[重复]

Question

这个问题在这里已有答案：

• List of HTML5 elements that can be nested inside P element? 1回答

<img>是内联块元素（或可能）

当我添加一个<p>与“显示：内联;”段落和图像在同一行（如下）

但当我使用另一个<p>“display：inline;”作为早期的<p>的容器，该段落就像一个块元素并推动<img>向下，尽管容器和孩子都是内联的。

谁知道为什么？

这是我的代码行（它只是一个测试代码，因此它没有任何用处）

    <p style="display:inline;" ><p style="display:inline;">
    asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd
    </p></p>
    
    <img 
    src="https://www.thoughtco.com/thmb/4Bov5m2EOPlY5x6KwWNGgmefhhc=/768x0/
    filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/
    LionelMessiBarcelona-5898d9fe3df78caebca7ac0d.jpg" alt="ronaldo">

对不起，我无法发布结果，我没有太多的声誉。

注意：如果我用“display：inline;”将容器或容器和子容器替换为<div>，则不会发生此结果如果我用其他内联元素替换它们，它仍然不会发生。

Answer 1

在这种情况下，由于禁止嵌套<p>，第一个<p style="display:inline">将被“固定”并立即关闭，第二个</p>将同样通过插入一个开放标签来“固定”;所以生成的DOM将是：

<p style="display:inline"></p>
<p style="display:inline">...</p>
<p></p>
<img>

第二个<p>将不会应用任何样式，因此将显示为block。这会降低你的形象。