·这里先保存，然后刷新一下，可以看到原始是这样子的，这里的便是个div，这里给div是即是2。

·首先给它一个bgcloud，给它一个blue，这个时候可以看一下刷新，变成这样子。

·在这个时候再给一个margin，给一个padding，再点上它的长根框wID，height也是50PX，再刷新一下就可以看到变成这样子了。

jsp布局jsp基本flex结构 jps GraphQL

·Magic是什么意思？大家可以看一下，如果没有Magic，它是这样子的，有Magic便是这样的。

·再来一个最外层的div，这里来一个DIY，把它包裹起来。
这里怎么做？用display定位办法，布局也可以照着布局办法，用Flex刷新一下，这里是Flex one，也便是要用换行的办法来保存。

·这里同样再给一个长宽高，如果希望3，那么3、5、15、150就给一个200，hand也是200。

·这个时候f刷新看一下，可以看到就变成这样了。

·在这里加一个text allgn，把稳不能加在div，如果加在div，由于它这里有一个布局办法，由于这个的存在，在这里加text align便是不生效。

·再来一个line height，line height给一个20劈叉，请保存，看下效果就变成这样子了。

·但是p仓来有点不足，都是p仓，这样就差不多。

·在这里再加一个Magic，它句中Ctrlsf5，大家可以看到效果便是这样子，很大略。

·把display fix的时候，这个是它的默认排列办法，也便是它是按行一行一行排列，把每一个DIY从竖的变成横的。
如果在选择了Web属性，它便是这样子的，它就会按照最外层的黄色的背景，便是最外层的VIP，按照最外层的VIP来进行一行、两行、三行这样的排列。

这是每一个TIB，一个div，这个是最上层的div，最上层的viv，这两边黄色的背景是Magic，Magic间隔旁边两边的间隔，外边这个小格子便是第一层div的盒子的宽度，可以看到board，board party是没有的。

便是这样。