佈局方案的思路整理

effort880829發表於2016-10-31

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

水平居中 方案

垂直居中 方案

水平居中和垂直居中 方案

 

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

比如說用到的

display : flex

display:table

display: inline-block

display : table-cell

vertical-align:middle

justify-content: center

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

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

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

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

第二步，實現水平居中

css特性與需求的聯絡。

開始做，堅持做，重複做


相關文章