块元素与内联元素的区别-优快云博客

本文详细介绍了网页布局中的块元素与内联元素的区别，包括它们的特点、用途及如何正确使用这些元素来构建网页布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

           块元素和内联元素

           div就是一个块元素，
               所谓的块元素就是会独占一行的的元素,无论他的内容有多少
                   他都会独占一整行。
               p h1 h2 h3 ...
               div这个标签没有任何语义，就是一个纯粹的块元素，
                   并且不会为它里边的元素设置任何的默认样式，
               div元素主要用来对页面进行布局的

           span是一个内联元素（行内元素）
               所谓的行内元素，指的是只占自身大小的元素，不会占用一行
               常见的内联元素：
                   a img iframe span
               span没有任何的语义，span标签专门用来选中文字，
               然后为文字来设置样式

           块元素主要用来做页面中的布局，内联元素主要用来选中文本设置样式，
               一般情况下只使用块元素去包含内联元素，而不会使用内联元素去包含一个块元素
               a元素可以包含任意元素，除了他本身
               p元素不可以包含任何块元素