发表于: 2018-07-16 20:32:30

1 634


今天完成的事情:

哇,总算提交了任务一。(不过好像有一丢丢不一样...)

今天上午看了好久flex布局,将元素设置为 display:flex 之后,就可以充分运用flex布局来调整啦~

1.默认布局排列方向是→,即:flex-direction:row ,垂直方向↓则要设置 flex-direction:colum ,另外就是加reverse反向(感觉没用吧...)

2.flex-wrap 属性规定换行,默认不换行即 nowrap (挤在一起很不好),wrap 即为换行

3. 第1和第2两个属性结合起来写就是:flex-flow:row || wrap

4.重点:justify-content 属性决定在主轴(即1设置的)的对齐方式(在给定轴的方向上如何排列):flex-start,center,flex-end,space-between(两端对齐),space-around(每两个元素间隔相等)

5.重点:align-items 决定偏离主轴的位置(个人理解),例如默认情况row下:align-items:flex-start 即为挨着主轴最上边横着,center 居中,flex-end 在最下边


明天计划的事情:

再熟悉一下float属性以及配合clear清除浮动效果,自己打代码试试效果。其次看一下position的视频加自己测试。


遇到的问题:

搞github搞了好久,卸载了三次...最后总算把本地库和github连接上了...

第三篇文档:手把手教git很好,推荐 http://www.open-open.com/lib/view/open1414396787325.html



收获:

成功做出了9个自适应大小的盒子,但是对于float和自适应还是不清楚,要加强


返回列表 返回列表
评论

    分享到