发表于: 2019-04-25 23:35:35

1 853



今天完成的事

     1、布局登陆页,完成任务四切图。

      2、查看熟悉input元素

遇到的问题:布局横向排列的时候不知道从哪里开始,尝试过用相对定位和绝对定位但是都无法达到那种效果,后来百度上查看了横向排列的方法使文字能够左

中右自动分配找到flex弹性盒模型并按方案布局发现和看上去和原版效果很接近并试图调整慢慢找到了方向。在嵌套图标的时候用自己的方法在input标签加了一个<div>

块元素并控制好位置发现它们两个断裂形态展示在我面前果断放弃了,查找了资料发现样式中嵌套图标的方法才得到解决。在布局完成的时候通过手机查看到了后面两框出现

多余一部分后来把width:83%;效果出现了转变,但是pc端又少了一部分。

明天计划的事情:

      1、把未完善的地方进行布局

      2、查看资料看那种方法布局更合适并没有问题

收获:1、通过今天的学习认识怎么在输入框进行嵌套

        2、认识横向排列的方法

         3、认识input元素的用处



返回列表 返回列表
评论

    分享到