发表于: 2020-06-09 21:41:04

1 1159


今天完成的事:

基本上完成了任务8第一二个页面

1.

不知道如何使文字居中显示,文字代码:

                        <ul class="company">
                            <li class="first-li">合作企业</li>
                            <li>
                                <a href="">
                                    <span class="dot"></span>
                                    <div>阿里巴巴</div>
                                </a>

给a设置

                /* justify-content: center; */

后文字能居中,但是文字与圆框由于长短不一,会造成不在同一列显示


2.技能树使用的是绝对定位,当缩小到一段程度时,会造成如图现象


3.关于昨天的bootstrap系统有新发现,

由于使用3版本会造成header处部分样式向中间移动,如图

最上面的微信和电话部分中间移动,于是便使用4版本的bootstrap,发现将昨天设置的

                    <div class="col-xs-9 two">

改为

                    <div class="col-md-9 two">

就能达到一行分为3:9的样式效果

而非昨天的上下两部分


开始做第三页面的main部分


明天的计划:

完成第三个页面,并且学习做动画效果


返回列表 返回列表
评论

    分享到