实战问题发现

P、span区别:一个块级元有自动换行效果,一个行内元素,p内可以有多个span,若不需要特殊效果,一般不用span,p即可

这个标签中,我们可以看到元素有margin-top:14px,在样式表中可以看到给p标签设的值里面并没有一个margin-top14。

发现useragent里面有一个  -webkit-margin-before的值,查了一下发现-webkit-margin-before:1em    是元素上边距数值为1倍字体高度,line-height1.4不就是14px吗?于是加了  -webkit-margin-before: 0em;  -webkit-margin-after: 0em;!

注意浏览器自带样式。

1、设置-webkit-margin-after: 0em; -webkit-margin-before: 0em; 即可解决默认边距问题,

2、也可以强制设置margin-top:0

web前端-css实战记录-p、span标签区别

web前端-css实战记录-p、span标签区别

相关文章:

  • 2021-08-21
  • 2021-05-06
  • 2021-06-07
  • 2022-12-23
  • 2022-01-22
  • 2022-12-23
  • 2022-12-23
  • 2021-12-22
猜你喜欢
  • 2021-11-17
  • 2021-04-21
  • 2021-07-04
  • 2021-11-10
  • 2022-12-23
  • 2021-06-11
相关资源
相似解决方案