之前根據網易前端微專業的課程,寫了博客 水平居中 方案 垂直居中 方案 水平居中和垂直居中 方案 在最後,老師總結了『解決方案』提出的思路 比如說用到的 display : flex display:table display: inline-block display : table-cell v... ...
之前根據網易前端微專業的課程,寫了博客
在最後,老師總結了『解決方案』提出的思路
比如說用到的
display : flex
display:table
display: inline-block
display : table-cell
vertical-align:middle
justify-content: center
這樣的一些屬性 和 值,他的特性是什麼?
① 一定要對這些特性非常掌握。
② 然後,對『問題』進行分解。比如一開始講到要『水平居中』,那麼當時的需求是“裡面的元素寬度是不一定的,外面的元素寬度也不一定”,那麼我們就可以把這個需求拆分出來,把這個問題拆分成兩個,
第一步,實現裡面的元素寬度跟著內容走
第二步,實現水平居中
css特性與需求的聯繫。