布局方案的思路整理

之前根据网易前端微专业的课程，写了博客

水平居中 方案

垂直居中 方案

水平居中和垂直居中 方案

 

在最后，老师总结了『解决方案』提出的思路

比如说用到的

display : flex

display:table

display: inline-block

display : table-cell

vertical-align:middle

justify-content: center

这样的一些属性 和 值，他的特性是什么？

① 一定要对这些特性非常掌握。

② 然后，对『问题』进行分解。比如一开始讲到要『水平居中』，那么当时的需求是“里面的元素宽度是不一定的，外面的元素宽度也不一定”，那么我们就可以把这个需求拆分出来，把这个问题拆分成两个，

第一步，实现里面的元素宽度跟着内容走

第二步，实现水平居中

css特性与需求的联系。

转载于:https://www.cnblogs.com/qq-757617012/p/6017019.html