zoukankan      html  css  js  c++  java
  • 至今为止项目中遇到的问题

    1.element-ui 中 dialog 弹框的使用:   拆组件时可以只把form表单拆出去(好实现) 定宽问题 (窗口缩小 内容跑出来的问题  :  只要把宽度定死就行了)

    2.更改element-ui 主题颜色的问题   按照api的步骤一步步实现就可以把样式下载出来 (比较方便更改样式 ,但是如果页面大部分都要用框架  不建议更改)

    3.一般网页中的图片(展示性的图片除外)都设置成背景图片 (例如 logo)

    4.两个块元素都设置浮动才可以在同意水平线上 

    5.文字相对图片水平垂直居中的属性 vertical-align : middle 

    6.元素设置了float之后 之前设置的margin值不再起作用

    7.margin collapse(margin塌陷) 问题 :  两个盒子  上面的盒子设置margin-bottom:50px;  下面的盒子设置margin-top:100px;  两个盒子之间的距离为100(两个值中大的那个)  而不是150(两个值相加)

    8.能用margin 不用定位(margin存在负值)

    9.<router-link to="/"></router-link>  和 this.$router.push({path:'/'})

    10.窗口缩小 移动滚动条  背景颜色显示不全问题  : 可以通过给页面设置 :min-width  属性  使页面缩小到一定程度就不再缩小,或者是 在小于最小宽度的窗口打开页面  默认的宽度就是最小宽度

    11.给一个盒子设置旋转属性  只是视觉上更改了角度   但是实际上没有改变

    12.中间文字  两边两条线的效果可以通过伪类来实现 : 

    具体代码:

    html:

    <div class="login_content">
    <div>加盟流程</div>
    </div>

    css:

    .partner_line{
    position: relative;
    height:20px;
    }
    .login_content {
    position: absolute;
    /* text-align: center; */
    min- 1048px;
    }
    .login_content div {
    color:#858585;
    font-size: 20px;
    line-height: 20px;
    }

    /*CSS伪类用法*/
    .login_content div:after, .login_content div:before {
    background: #ebebeb;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    42%;
    }

    /*调整背景横线的左右距离*/
    .login_content div:before {
    left: 0;
    }

    .login_content div:after {
    right: 0;
    }
    /* 伪类 结束 */
    #company .content_partner .partner_flow{
    100%;
    height:63px;
    margin-top:82px;
    background: url('../../../images/flow.png')
    }


  • 相关阅读:
    最权威的 Android Oreo 新特性详解
    【送书福利】第一次送书活动(总共10本)
    【资源篇】Python那么火,你还不知道如何人门?
    不忘初心,方得始终 ,让我们一起学习成长,感谢有你!
    搭建环境篇 | 运行第一个Java Web 项目
    为什么我们需要看技术公众号文章?
    手把手教学APK反编译实现源码阅读
    分享一款 Google Pixel 2 独家动态壁纸
    了解CoordinatorLayout,在项目中运用
    jdk 与 jre的区别
  • 原文地址:https://www.cnblogs.com/wangrenmeng/p/8696614.html
Copyright © 2011-2022 走看看