CSS 成长之路（四）显示模式与显示模式转换

显示模式

• 块级元素——block
  • 如：div
  • 一个元素占一整行，可以改变大小
• 行内元素——inline
  • 如：span
  • 可以多个占一行，不可以改变大小
• 行内块元素——inline-block
  • 如：img
  • 可以多个占一行，可以改变大小

显示模式转换——display

• 转行内元素：
  • display: inline;
  • 如div {display: inline;}
• 转块级元素:
  • display: block;
  • 如span {display: block;}
• 转行内块元素
  • display: inline-block;
  • 如a {display: inline-block;}