-
align-items:控制交叉軸顯示的位置
flex-start:開始 flex-end:結(jié)尾 center:中間
查看全部 -
分配剩余空間
justify-content
flex-start:默認(rèn)值，從左到右，挨著行的開頭。
flex-end:從右到左，挨著行的結(jié)尾。
center:居中顯示
space-between:平均分布在該行上，兩邊不留間隔空間。
space-around:平均分布在該行上，兩邊留有一般的間隔空間。
查看全部 -
flex-directinon決定了彈性盒子中子元素顯示的方向
row:默認(rèn)值，按從左到右的順序顯示。
row-reverse:與row相同，但是以相反的順序顯示。
column:靈活的項(xiàng)目將垂直顯示，按從上到下的順序。
column-reverse：與column相同，但是以相反的順序。
如果父元素的寬度不夠子元素進(jìn)行分配，子元素會(huì)自動(dòng)壓縮顯示。
如果子元素沒有設(shè)置寬度的值，那么子元素就會(huì)按找父元素自己的分配方式進(jìn)行分配
flex-wrap子元素在父元素盒子中是否換行（列）
nowrap:默認(rèn)值，不換行或不換列
wrap:換行或換列
wrap-reverse:換行或者換列，但是子元素顯示的順序?yàn)榉吹?/p>
flex-wrap:row wrap排列方向，是否換行
查看全部 -
如果子元素的排列方式為橫向排列，那么X軸為主軸，Y軸為交叉軸。
如果子元素的排列方式為縱向排列，那么Y軸為主軸，X軸為交叉軸。
查看全部 -
引入外部媒體查詢層疊樣式表
查看全部 -
媒體查詢引入方法
查看全部 -
flex 布局
查看全部 -
使用flex justify-content:space-between
查看全部 -
js 計(jì)算font-size
20? ?基準(zhǔn)大小
320 320的寬度作為基準(zhǔn)值
查看全部 -
輔導(dǎo)費(fèi)? 分類法第三方水電費(fèi)
查看全部 -
flex分主軸（main axis）和交叉軸（cross axis），主軸是和盒子內(nèi)部元素排列方向一致的。
flex item的main size是子元素占主軸的空間，并非寬度；cross size是子元素占交叉軸的空間，并非高度。
查看全部 -
每天進(jìn)步一點(diǎn)點(diǎn)查看全部
-
@media screen and (min-device-width:200px) and (max-device-width:300px){ .div0{ background:blue; } /* 設(shè)置不同的方案 */ }查看全部
-
固定的用rem查看全部
-
????<script>
?????????var?c=()=>{
?????????????let?w=document.documentElement.clientWidth;
?????????????let?n=(20*(w/320)>40?40+"px":(20*(w/320)+"px"));
?????????????document.documentElement.style.fontSize=n;
?????????}
?????????window.addEventListener("load",c);
?????????window.addEventListener("resize",c)
????</script>
查看全部
舉報(bào)