HTML5里弹性盒运行不出可能是缩进问题

解决方法：Ctrl+K（HBuliderX），这个按键可以将代码“格式化”。

其他软件格式化方法不清楚。

也可以自己一个个找格式问题。

 

下面讲一些小编经历的格式（大部分缩进）的错误的案例。

案例一：

@media screen and (max-width:300px)

上面代码不完全，能看就好。代码中的"and"后面一定要有空格啊啊啊啊啊，没有就运行不了这行代码。

案例二：

代码：

 老师当时运行代码时运行不出来三个盒子横排在中间的效果。

之后老师说有些代码没有缩进，简而言之又是格式问题。

不记得是哪些代码没缩进......效果图如下：

解决前：

解决后：