发表于: 2019-04-30 22:42:10

1 831


今天完成的事情

        解决昨天的问题nth-child(2)设置主轴终点对齐没效果,继续布局列表头。

        nth-child(2)设置主轴终点对齐没效果:查询了几次找不到结果,于是更改方法,给header左边添加一个块元素,在运用 justify-content:space-between 两端对齐,项目之间的间隔都相等,得到解决。

        布局列表头:开头想了想怎么布局方便,最后决定列表一个大容器包含三个小容器,大容器flex布局,只要弄好第一个小容器,后面两个复制粘贴改文字可得。

        最后如需对这两部分进行调整,在进行微调。


明天计划的事情

        布局底部


遇到的困难

        开始运用flex布局遇到的困难很多,可能是对flex的一些特性不了解,导致有时候卡点,需要花费时间调整。比如flex 中 设置margin-top 在有时候没有效果。


收获

        更加明白了 flex 与 雪碧图 。



返回列表 返回列表
评论

    分享到