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')
}