共计 668 个字符，预计需要花费 2 分钟才能阅读完成。
块级元素和行内元素
<!– more –>
博客阐明
文章所波及的材料来自互联网整顿和集体总结，意在于集体学习和教训汇总，如有什么中央侵权，请分割自己删除，谢谢！
行内元素和块级元素的区别：
行内元素：
- 与其余行内元素并排
- 不能设置宽高，默认的宽度就是文字的宽度
块级元素：
- 霸占一行，不能与其余任何元素并列。
- 能承受宽高，如果不设置宽度，那么宽度将默认变为父级的 100%。
块级元素和行内元素的分类：
- 在 HTML 的角度来讲，标签分为：
- 文本级标签：p , span , a , b , i , u , em
- 容器级标签：div , h 系列 , li , dt ,dd
p：外面只能放文字和图片和表单元素，p 外面不能放 h 和 ul，也不能放 p。
从 CSS 的角度讲，CSS 的分类和下面的很像，就 p 不一样：
行内元素：除了 p 之外，所有的文本级标签，都是行内元素。p 是个文本级标签，然而是个块级元素。
块级元素：所有的容器级标签，都是块级元素，以及 p 标签。
块级元素和行内元素的互相转换：
通过 display 属性将块级元素 (比方 div) 和行内元素进行互相转换。
- display：inline;
那么这个标签将变为行内元素，即：
1，此时这个 div 将不能设置宽度和高度了。
2，此时这个 div 能够和其余行内元素并排了。
用 display 将行内元素 (比方 span) 转行成块级元素。
- display：block；
那么这个 span 标签将变为块级标签，即：
1，此时这个 span 可能设置宽度，高度。
2，此时这个 span 必须独占一行，其余元素无奈与之并排。
3，如果不设置宽度，将占满父级。
感激
万能的网络
以及勤奋的本人，集体博客，GitHub
正文完