-
align-items:控制交叉轴显示的位置
flex-start:开始 flex-end:结尾 center:中间
查看全部 -
分配剩余空间
justify-content
flex-start:默认值，从左到右，挨着行的开头。
flex-end:从右到左，挨着行的结尾。
center:居中显示
space-between:平均分布在该行上，两边不留间隔空间。
space-around:平均分布在该行上，两边留有一般的间隔空间。
查看全部 -
flex-directinon决定了弹性盒子中子元素显示的方向
row:默认值，按从左到右的顺序显示。
row-reverse:与row相同，但是以相反的顺序显示。
column:灵活的项目将垂直显示，按从上到下的顺序。
column-reverse：与column相同，但是以相反的顺序。
如果父元素的宽度不够子元素进行分配，子元素会自动压缩显示。
如果子元素没有设置宽度的值，那么子元素就会按找父元素自己的分配方式进行分配
flex-wrap子元素在父元素盒子中是否换行（列）
nowrap:默认值，不换行或不换列
wrap:换行或换列
wrap-reverse:换行或者换列，但是子元素显示的顺序为反的
flex-wrap:row wrap排列方向，是否换行
查看全部 -
如果子元素的排列方式为横向排列，那么X轴为主轴，Y轴为交叉轴。
如果子元素的排列方式为纵向排列，那么Y轴为主轴，X轴为交叉轴。
查看全部 -
引入外部媒体查询层叠样式表
查看全部 -
媒体查询引入方法
查看全部 -
flex 布局
查看全部 -
使用flex justify-content:space-between
查看全部 -
js 计算font-size
20 基准大小
320 320的宽度作为基准值
查看全部 -
辅导费 分类法第三方水电费
查看全部 -
flex分主轴（main axis）和交叉轴（cross axis），主轴是和盒子内部元素排列方向一致的。
flex item的main size是子元素占主轴的空间，并非宽度；cross size是子元素占交叉轴的空间，并非高度。
查看全部 -
每天进步一点点查看全部
-
@media screen and (min-device-width:200px) and (max-device-width:300px){ .div0{ background:blue; } /* 设置不同的方案 */ }查看全部
-
固定的用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>
查看全部
举报