- 博客(2)
- 收藏
- 关注
原创 flex布局两天总结
1.首先明白二倍图的原理和记住我们写移动端网页参考的是逻辑分辨率!2.flex布局的特点:{是浏览器提倡的布局方式,但兼容性比较高!使用之前需要先问清除需不需要考虑低版本浏览器能否兼容的问题!flex布局不脱标,具有伸缩比这个特点。布局简单方便}3.主轴和侧轴: {主轴 justify-content center:居中 space-between:间距出现在弹性盒子之间(两端对齐,中间等距 使用较多) space-...
2021-10-30 11:04:52
244
原创 移动web第四天-修改主轴方向和对齐方式
flex-direction: column; 修改主轴方向为垂直方向(默认的是水平方向)修改完后,侧轴对应的方向随之发生改变,变为水平方向!然后调整布局看想盒子在水平方向怎么移动,因为水平方向已经变为侧轴,所以命令按照侧轴的命令写。现在弹性盒子水平居中就要修改侧轴的对齐方式盒子就会水平居中!反之想要修改盒子在垂直方向上的排列方式,就要写主轴的命令!盒子就会垂直居中难点:更换主轴方向和容易混乱该写什么命令实现布局!记住想盒子在水平还是垂直方向布局...
2021-10-29 09:32:15
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人