CSS教程 行内元素和块元素的互相转换

1、新建一个 InlineBlock.html 文件，如图所示：

2、输入HTML5的结构代码，将title标签里面的内容修改成：InlineBlock，如图所示：

3、display: inline的作用：转为行内元素，如图所示：

4、display: block的作用：转换块元素，如图所示：

5、定义一个span和div，并且使用inline和block改变他们的状态，如图所示：

6、运行网页，可以看到块元素变成了行元素，行元素变成块元素，如图所示：