块元素，行内元素行内块元素转变，

68 阅读 0 评论 45 点赞

我是靠谱客的博主迷路小馒头，最近开发中收集的这篇文章主要介绍块元素，行内元素行内块元素转变，，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

*块元素
块主要有：div，p、ul、li、ol、dl、dt、dd、nav等。
特点：(1)比较霸道，自己独占一行(2)高度,宽度、外边距以及内边距都可以控制。(3)宽度默认是容器(父级宽度)的100%(4)是一个容器及盒子,里面可以放行内或者块级元素。
*行内元素
常见的行内元素有a strong b em S ins u span等，其中标签最典型的行内元素。有的地方也成内联元素
特征：(1)设置宽高无效 (2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效 (3)不会自动进行换行
*行内块元素
行内块状元素主要有img input 等行内块状元素特征：(1)不自动换行 (2)能够识别宽高
*Display转换
元素之间转化：
(1)display:inline;转换为行内元素
(2)display:block;转换为块状元素
(3)display:inline-block;转换为行内块状元素