发表于： 2016-03-05 00:14:52
2 1187
今天完成的事情：Task5完成了两个页面的初步编写，但还有问题需要解决。了解了display:flex；
明天计划的事情：完善Task5.优化页面结构，以及配置。刷一下W3C display课程。
遇到的问题：在图片后紧邻文本时，图片与文本默认底部对齐，设置顶部对齐能实现，但是设置middle时不产生变化。将文本自己加大后忽略了这个问题，但是问题实质上还没有解决；在实现横向列布局时总是因为盒子太小导致要设置很多margin、padding值（可能是没有测量PSD文件的原因）。在调试过程中发现了display:-webkit-box命令。还没有仔细研究，明天继续。webkit地址：http://www.360doc.com/content/14/0811/01/2633_400926000.shtml
收获：学会了图像与文本的位置关系，还有display:flex;实现多拦多列布局 flex-flow:row；实现列伸缩布局。flex-flow:cloumn;实现行伸缩布局。详细：http://www.360doc.com/content/14/0811/01/2633_400926000.shtml
返回列表
评论