CSS使html P渲染等于DIV,SPAN或B.

时间:2016-01-11 16:49:11

标签: css

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



var output = [];
for(var x in array) {
  if(predicate(array[x])) {
    output.push(array[x]);
  }
}
return output;

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




但是,在上面的示例中,' p' -element与div,span和b的呈现方式不同。

不管你应该怎么样,用css看P和其他元素一样是否可能?

1 个答案:

答案 0 :(得分:2)

您不能嵌套<p>元素,因为它们不能包含块级元素(<p>是)。请参阅HTML spec

  

P元素代表一个段落。它不能包含块级元素(包括P本身)。

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