块级元素和行内元素

一、块级元素(block element)

块级元素总是从新行开始,并占据可用的全部宽度(尽可能向左和向右伸展)。

这个 <div> 元素属于块级元素。

块级元素的一些例子:

  • <div>
  • <h1> - <h6>
  • <p>
  • <form>
  • <header>
  • <footer>
  • <section>

二、行内元素(inline element)

内联元素不从新行开始,仅占用所需的宽度。

这是段落中的行内 <span> 元素

行内元素的一些例子:

  • <span>
  • <a>
  • <img>
posted @ 2022-10-07 16:59  CodeFan*  阅读(44)  评论(0编辑  收藏  举报