一、grid布局 針對的是子元素布局。
1.形成乙個網格結構(父元素新增):
display:grid;
2.劃分行和列
grid-template-columns:
grid-template-rows:
如果是3個值 代表3行或3列 能接受具體的px 也能是百分比
劃分行和列的時候的關鍵字 和 方法:
a: repeat(重複的次數,重複的值)
b: auto-fill關鍵字( 自動填充 )
c: fr關鍵字(列寬片段)
d: minmax(最小值,最大值)
3.grid-gap:20px 30px; 簡寫形式
4.指定某個專案所在的區域:
grid-template-areas:
『a a a』
『. . b』
『. c c』;
注: grid-template-areas 必須和 grid-area共同使用
grid-area放在具體某個專案裡面的,指定專案名稱.
5.指定順序:
grid-auto-flow:row/column
6.內容在專案裡面的對齊方式:
place-items:
注: 網格內部的內容固定的大小 百分比的時候 左右的對齊方式會產生bug
7. place-content:; 控制整個網格在父元素裡面的對齊方式.
冥想第二十四天
還有乙個需要提高的地方就是 慢一點,以往自己對成功和只是追求的太急切。一急切就亂了節奏,適當的急切是必要的 放輕鬆全身都是最舒服的狀態。平靜的內心讓自己能面對生活的困難。感謝自己,感謝家人,感謝朋友,感謝一切。不責怪自己,一天比一天進步就好。慢慢來。下午和客戶積極的溝通,全身心的投入,發現一點也不困...
連續總結第二十四天
11.4 康鑫 連續總結第二十四天 今天學習了課本上有關陣列的知識,陣列與指標。1,指標運算包括a,賦值運算 b,算術運算 c,關係運算 d,邏輯運算。2 一維陣列 a 與指標 p 3,二維陣列 b,m行n列 與指標。4,字元陣列 s 與指標 ps 5,指標陣列 完成了課本的例題,通過程式設計實現二...
2017 8 23暑假集訓第二十四天
今天一共a了兩道題 1001.1002 比較簡單的?1001做了一上午 一直在繞一點 當輸入字元m後,要輸入五個數字 用scanf輸入的 但是!卻只寫了四個 d!然後就一直在找bug!找了一上午。我很疑惑,為什麼編譯能過!提交還是莫名其妙的wa!一直在懷疑自己!下午 睡過頭了 來的晚了 1007看了...