[好文收藏]块级、行内元素以及vertical-align

一、块级元素

• 块级元素占据其父元素（容器）的整个水平空间，垂直空间等于其内容高度，因此创建了一个“块”。
• 默认情况下，块级元素会新起一行。
• 一般块级元素可以包含行内元素和其他块级元素
• 一些常见的块级元素：
  • <div>
  • <footer>
  • <form>
  • <h1>,<h2>,<h3>,<h4>,<h5>,<h6>
  • <header>
  • <hr>
  • <ol>
  • <p>
  • <section>
  • <table>
  • <ul>

二、行内元素

• 一个行内元素只占据它对应标签的边框所包含的空间
• 一般情况下，行内元素只能包含数据和其他行内元素。
• 默认情况下，行内元素不会以新行开始
• 一些常见的行内元素：
  • b, big, i, abbr
  • span, a, br, img, script
  • button, input, label, select, textarea

三、vertical-align

// TODO: 待整理完成

四、参考链接

1. vertical-align MDN
2. 块级元素 MDN
3. 行内元素 MDN