至今为止项目中遇到的问题

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-width: 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%;
width: 42%;
}

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

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


 

posted @ 2018-04-02 19:49  哒哒呵~  阅读(172)  评论(0编辑  收藏  举报