发表于： 2017-03-07 22:10:55
1 709
一、今天完成的事情
1.完成Task-5
2.初步了解JS的DOM结构
3.大致了解了一下Bootstrap，开始试着研究框架的概念。
二、明天要做的事情
1.深入学习Bootstrap。
2.理解Web框架的概念。
3.利用Bootstrap完成Task-6
三、遇到的问题
1.对于Task-5，我是用六个P标签完成中间内容的排版，最后一个内容，是用P标签包括，然后自我介绍里的内容我又用了一个P标签，让其可以自动换行，这里出现了一个问题，页面宽度变小的时候，子P会直接跳到父P的下面，然后才开始自动换行，这里用一个div包含子P，同时给div一个定位到相应位置，完成自动换行效果，个人感觉这个方法有点粗糙，暂时想不到好的办法，以后再来改进。
2.自我介绍以及其旁边的竖线会根据子P因自动换行导致上下距离扩大而进行一个位移，使其始终位于该板块内容垂直居中位置。这里我想了半天也没什么好方法，有一个设想是包含自我介绍的标签会跟随子P的高度变化进行一个跟随，不过这里应该要用到JS。还有一个设想是让自我介绍这个元素有一个自适应高度，使其始终位于居中位置，但事实上产生的这个高度是最后一个hr跟最后一个父P之间的距离，有点复杂，等之后想到了办法再来改进，这里也感受到了自身技术的匮乏，惭愧惭愧。
四、收获
学海无涯，埋低姿态，默默耕耘。
返回列表
评论