使用CSS的flex的感悟

2021-08-01 12:50:00 字數 270 閱讀 8686

如何使用flex,有很多成熟的教程,但對於我來說(技術小白),有些說太多是沒有用的。這裡就談談小白的感悟,怎麼樣才能用起來flex,實現自適應。我是比較笨的,有些技術方法如果不是自己用一遍並且深刻理解,永遠不會想起去使用的。

寫這篇的目的就是想要表達,當你還在一畫素一畫素堆積頁面的時候,殊不知完全可以使用flex進行全部的自適應。

告訴自己是否理解盒子模型,理解css裡面的padding、margin等這些名詞,就是說它不只是抽象的。

稍後補充……

使用到的有:

Flex中Css 的使用

x 10 y 10 width 274 height 148 layout absolute title login 在第一部分,當你觀察螢幕和 時,沒有什麼明顯的錯誤和不足。但是當你仔細一點觀察時,你會發現這個使用者介面的組合方式的一些缺陷。例如,你可能發現這個登入框總是在應用程式的左上角。但是我...

css 彈性盒子 flex 的使用

前言 這是筆者學習之後自己的理解與整理。如果有錯誤或者疑問的地方,請大家指正,我會持續更新!css3引入了一種新的布局模型 flex 布局。flex是 flexible box 的縮寫,一般稱之為彈性盒模型。flex布局提供一種更加有效的方式來進行容器內的專案布局,以適應各種型別的顯示裝置和各種尺寸...

css中的flex布局

flex布局為 彈性盒布局 用彈性布局的方式有極大的靈活性,任何元素都可以使用flex布局,不管是行內元素或者是快級元素任何乙個容器都可以作為flex布局。box1 主軸的方向 即子元素的排序方向。橫向 反向橫向 豎向 反向豎向。flex direction row row reverse colu...