默认行 - display: inline

span 元素 strong 元素 em 元素

display: inline + font-size

span 元素 strong 元素 em 元素

设置font-size, 父级行高被撑开了

display: inline + padding

span 元素 strong 元素 em 元素

设置padding, 父级行高没有被撑开了

display: inline + border

span 元素 strong 元素 em 元素

设置border, 父级行高没有被撑开了

display: inline + margin

span 元素 strong 元素 em 元素

设置margin, 父级行高没有被撑开,上下margin无效

display: inline + line-height 大于 font-size

span 元素 strong 元素 em 元素

line-height 大于 font-size,父级会被line-height撑开

display: inline + line-height 小于 font-size

span 元素 strong 元素 em 元素

line-height 大于 font-size,父级的实际高度为line-height,而行内元素的实际高是font-size

display: inline-block

span 元素 strong 元素 em 元素

display: inline-block + padding

span 元素 strong 元素 em 元素

display: inline-block + margin

span 元素 strong 元素 em 元素