发表于： 2021-02-16 00:01:54
1 1127
完成任务6
1.头行居中+右排列
整个header先设置 flex，然后向右排序（justify-content: flex-end;），这样就只需要设置两个按钮垂直的问题了
给包裹俩按钮的div（chooseMenu）设置margin: 0 auto;，再在header中利用padding减去右边小图标的宽度，即可设置俩按钮居中
2.select
2.1平均分为三份
width: 33.4%
2.2显示默认的标题内容
需要在第一个位置设置 display: none
<option style="display: none">所在地</option>
3.跟js结合
用于下拉列表的内容，主要内容展示；都是很重复的代码
主要使用 $(id).append(html内容)，再加上for循环list进行展示
4.底部三个按钮的配置-fixed 推荐使用这个方式
在footer中再建一个div，包含三个部分并设置 justify-content: space-evenly; 作用是 均匀排列每个元素；每个元素之间的间隔相等
再给footer设置fixed，下、左、右都为0进行完全拉伸，并附着于底部
问题
option中的文字无法居中
明日计划
学习Bootstrap，开始任务七，先找小demo跑一跑，估计久一点
返回列表
评论