布局方案的思路整理，布局方案思路整理

布局方案的思路整理，布局方案思路整理

之前根據網易前端微專業的課程，寫了部落格

水平置中 方案

垂直置中 方案

水平置中和垂直置中 方案

 

在最後，老師總結了『解決方案』提出的思路

比如說用到的

display : flex

display:table

display: inline-block

display : table-cell

vertical-align:middle

justify-content: center

這樣的一些屬性 和 值，他的特性是什嗎？

① 一定要對這些特性非常掌握。

② 然後，對『問題』進行分解。比如一開始講到要『水平置中』，那麼當時的需求是“裡面的元素寬度是不一定的，外面的元素寬度也不一定”，那麼我們就可以把這個需求拆分出來，把這個問題拆分成兩個，

第一步，實現裡面的元素寬度跟著內容走

第二步，實現水平置中

css特性與需求的聯絡。