HTML 元素分类(弹性布局)

• 块元素
  1. 独占一行，可设置大小
  2. 宽度为父元素的百分之百

  3.    display:block;	/*转换块元素*/
     

• 行内元素
  1. 并行排列，不可设置大小
  2. 宽度由内容而定义

  3.    display:inline;	/*转换行内元素*/
     

• 行内块元素
  1. 并行排列，可设置大小
  2. 宽度由内容而定

  3.    display:inline-block;	/*转换行内块元素*/
     

叙述：
块元素默认情况下会独占一行，若想并行显示（排在一行），需使用display：inline进行转换。
行内元素默认情况下，不会独占一行但是无法修改高宽，需使用display：black进行转换为块元素或使用display：inline-black转换为行内块元素，若遇见转换为inline-block后元素不对齐，解决办法使用vertical-align: top;进行顶部对齐。