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也许是同一个问题,也许不是,但看看