Css 如何制作<;p>;及<;span>;在HTML5中有相同的行高吗?

Css 如何制作<;p>;及<;span>;在HTML5中有相同的行高吗?,css,html,Css,Html,如何使p和span在HTML5中具有相同的行高 .main-body-text { color: #666; font-size: 10px; font-family: robotolight, sans-serif; text-align: left; line-height: 14px; } 问题在于p和span具有不同的显示类型,由于行之间的隐藏空间,导致不同的行为 如果希望两者具有相同的行高,请强制它们具有相同的类型: display:inline; // or '

如何使
p
span
在HTML5中具有相同的行高

.main-body-text {
  color: #666;
  font-size: 10px;
  font-family: robotolight, sans-serif;
  text-align: left;
  line-height: 14px;
}

问题在于
p
span
具有不同的
显示类型,由于行之间的隐藏空间,导致不同的行为

如果希望两者具有相同的
行高
,请强制它们具有相同的类型:

display:inline; // or 'block' or 'inline-block'

你到底有什么问题?您的JSFIDLE显示P和P的线条高度相同SPAN@ClMaletément:将选项中的js fiddle改为HTML5也许是同一个问题,也许不是,但看看