MDN文档中inline与inline-level元素的区别是什么？

1. 定义范围不同 #

行内元素是HTML规范里明确划分的原生元素类型，比如 <span>、<a>、<em> 这些标签默认就属于这类，它们的行内表现是天生自带的。而行内级元素是CSS领域的宽泛概念，它包含所有不会独占一行的元素——除了原生行内元素，还包括通过display属性改成inline-block、inline-table、inline-flex的元素，哪怕原本是块级元素，只要改成这些值就属于行内级范畴。

2. 布局特性有差异 #

• 原生行内元素：没法直接设置宽高，尺寸完全由内部内容撑起来；默认和其他行内元素挤在同一行；只能嵌套行内元素或文本，不能直接放置块级元素。
• 行内级元素：像inline-block这类，既能和其他行内元素同行排列，又能设置宽高、上下内外边距这些块级元素才有的属性；还可以嵌套块级元素，布局灵活性更高。

3. 术语使用场景不同 #

HTML标准文档里更倾向于用「行内元素」指代原生的inline类型标签；而在CSS布局相关的讨论里，「行内级元素」是更常用的说法，用来涵盖所有参与行内排版流的元素，不管是原生的还是CSS修改过的。

内容的提问来源于stack exchange，提问作者Joel Castro