CSS中元素显示模式之间如何相互转换?

根据标签不同的特点，我们可以把标签分成不同的种类。主要分为三类： 块级元素、行内元素、行内块元素。

一、不同元素的特点

(1)块元素特点:
1 独占一行 
2 宽度默认是父元素的宽度,高度由内容撑开.
3 可以设置宽高
代表性的标签 div h系列 p li 

(2)行内元素特点
 1 一行可以显示多个,如果一行装不下自动折行(换行显示)
 2 宽度和高度默认由内容撑开
 3 设置宽高无效
 代表性的标签 a span em strong

(3)行内块元素特点
 1 一行显示多个
 2 可以设置宽高
  代表性标签 input button

二、不同元素之间的相互转换

转换为块级元素
display: block;
转换为行内块元素
display: inline-block;
转换为行内元素
display: inline