首页 > 代码库 > 布局方案的思路整理

布局方案的思路整理

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

水平居中 方案

垂直居中 方案

水平居中和垂直居中 方案

 

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

比如说用到的

display : flex

display:table

display: inline-block

display : table-cell

vertical-align:middle

justify-content: center

这样的一些属性 和 值,他的特性是什么?

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

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

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

第二步,实现水平居中

css特性与需求的联系。

布局方案的思路整理