1、html代码
<div class="el-divider el-divider--horizontal">
<div class="el-divider__text is-center">
<span>dddddddddd</span>
</div>
</div>
2、css样式
el-divider--horizontal {
display: block;
height: 1px;
width: 200%;
margin: 24px 0;
}
.el-divider {
background-image: linear-gradient(to right, white, black, white);
position: relative;
transform: scale(0.5);
transform-origin: left;
}
el-divider__text.is-center {
left: 50%;
}
.el-divider__text {
position: absolute;
background-color: #FFF;
padding: 0 20px;
color: #303133;
margin-top: -0.5em;
transform: scale(2);
}