CSS 使 html P 呈现等于 DIV、SPAN 或 B

标签 css

<分区>

大多数 HTML 元素没有任何特殊属性。给定正确的 CSS，它们可以看起来很像。

div, p, b, span
{
  display:inline-block;
  border:2px solid black;
  padding:1px;
  margin:1px;
  position:relative;
  font-weight:normal;
}

<p>bluut<p>x</p></p>
<hr/>
<div>bluut<div>x</div></div>
<hr/>
<b>bluut<b>x</b></b>
<hr/>
<span>bluut<span>x</span></span>

但是，在上面的示例中，“p”元素的呈现方式与 div、span 和 b 不同。

无论您是否应该，是否可以使用 css 使 P 看起来像其他元素一样？

最佳答案

你不能嵌套<p>元素，因为它们不能包含 block 级元素(<p> 是)。查看HTML spec :

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

您看到的是浏览器试图通过关闭初始 <p> 来解析此非法 HTML当遇到嵌套的 <p> 时，导致一些...奇怪的效果(可能取决于浏览器。)

关于CSS 使 html P 呈现等于 DIV、SPAN 或 B，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34726856/