发表于： 2019-06-16 22:05:00
1 788
今天先去学习了弹性盒子flex，知道了除了文本流，浮动，定位之外的新的布局方式。弹性盒子里可以通过属性改变子元素，也就是flex项目的排列顺序。flex的优点在于可以正序/反序排列，还可以居中布局，两端布局，两侧布局，而内部的子元素的属性还可以进行按比例分配行内空间，还可以通过order进行子元素前后排序。
然后修改了任务四的几处问题，并在其中采用学到的flex进行居中布局，方便很多。修改完毕后去看了一下任务五，开始还是用flex做header，发现和ui图差远了，又改回用定位，这个时候发现学习任务前有个任务攻略，就先去看攻略的任务详解和自适应布局总结，知道了这个任务需要考虑的是各种方式都使用，不拘泥单独一个布局方式。就回去补了一下基础知识，感觉自己有的标签和属性都记不清了。在进行布局的时候发现中间文字部分自动换行改不过来，就去找方法，但是都没有效果，准备明天再看看有其他办法没。
明天准备继续进行任务五，争取完成。
返回列表
评论