html小技巧（更新中。。。）

1.margin padding 失效

inline水平元素的垂直margin是无效的！

比如：文字文字

此时，span是inline水平元素，此时对span进行margin会无效，img等例外的替换元素不算！

解决方法：声明下display:inline-block行内块元素，或者换行display:block.

2. ul li 下的色块中加文字 会自动弹到下一行

如

 

2018/8/29更新

3.

vw：            1vw = 视口宽度的1%

vh：             1vh = 视口高度的1%

vmin            选取vw和vh中最小的那个

vmax           选取vw和vh中最大的那个

4.手机端网页适应

在head中加入下面代码可以了（1rem = 100px）详情（https://www.jianshu.com/p/985d26b40199）

5.设置span width height

加上display:block/inline-block

6.换行

当你发现两个div，下一个覆盖了上一个或者在同一行，那么只要在这两个div之间加

就可以了