行内元素和块级元素：完整分类与使用标准

网页中行内元素和块级元素是HTML核心布局分类，行内元素默认横向排列、不独占整行、无法设置宽高，常用的有span、a、em等；块级元素默认独占一行、可自定义宽高边距，常用的有div、p、h1-h6等，二者可通过CSSdisplay属性相互转换，适配绝大多数网页布局场景，仅不适用于SVG、Canvas特殊图形标签布局场景。

行内元素具体清单与布局特性

行内元素又称内联元素，核心布局逻辑是随文本流横向排布，元素尺寸由内部内容自适应撑开，你无法通过width、height属性手动设置固定宽高，同时上下外边距margin无效，仅左右外边距、内外边距padding可正常生效。这类元素主要用于修饰文本、局部内容标注，不会打断整体文本排版节奏。

常用标准行内元素包含完整可落地清单：a超链接标签、span通用行内容器、em倾斜强调标签、strong文本加粗标签、i图标/斜体标签、u下划线文本标签、del删除线文本标签、small小号文本标签、sup上标文本标签、sub下标文本标签、code行内代码标签、q短引用标签。

行内元素不可以嵌套块级元素，仅能嵌套文本内容或其他行内元素，违规嵌套会导致浏览器自动解析纠错，出现布局错乱、标签层级失效的问题。

块级元素具体清单与布局特性

块级元素默认独占浏览器一整行空间，前后自动产生换行效果，独立于文本流之外，具备完整的盒模型属性，你可以自由设置width、height、margin、padding、border所有样式属性，是网页整体布局、区块划分的核心标签。多数容器类、段落类、标题类标签均属于块级元素，可嵌套行内元素和大部分块级元素。

常用标准块级元素包含完整可落地清单：div通用块级容器、p段落标签、h1至h6六级标题标签、ul无序列表、ol有序列表、li列表项、dl定义列表、dt定义标题、dd定义描述、hr水平分割线、pre预格式化文本标签、blockquote长引用标签、form表单容器。

p标签属于特殊块级元素，禁止嵌套其他块级元素，强行嵌套会被浏览器拆分多个p标签，破坏页面结构完整性。

行内元素和块级元素核心区别对比

元素类型转换实操方法

你可通过CSSdisplay属性快速切换元素类型，适配不同布局需求，这是前端布局最常用的基础操作。设置display:block可将行内元素转为块级元素，解锁宽高、全行独占特性；设置display:inline可将块级元素转为行内元素，实现横向排列。

display:inline-block是兼顾二者优势的常用属性，能让元素横向排列，同时支持自定义宽高和四边边距，大多用于按钮、图标、小卡片布局场景。

该分类规则仅适用于常规HTML文档流布局，HTML5新增的语义化布局标签、弹性布局、网格布局模式下，元素默认排布规则会被布局属性覆盖，不再严格遵循原生行内、块级元素特性。