Html
    Css
    Js

    
                        
.sv-divider--horizontal {
	display:block;
	height:1px;
	width:100%;
	margin:24px 0;
}
.sv-divider {
	background-color:#dcdfe6;
	position:relative;
}
.sv-divider__text.is-left {
	left:20px;
	transform:translateY(-50%);
}
.sv-divider__text.is-right {
	right:20px;
	transform:translateY(-50%);
}
.sv-divider__text.is-center {
	left:50%;
	transform:translateX(-50%) translateY(-50%);
}
.sv-divider__text {
	position:absolute;
	background-color:#fff;
	padding:0 20px;
	font-weight:500;
	color:#303133;
	font-size:14px;
}
.sv-divider--vertical {
	display:inline-block;
	width:1px;
	height:1em;
	margin:0 8px;
	vertical-align:middle;
	position:relative;
}
.sv-divider {
	background-color:#dcdfe6;
	position:relative;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css水平垂直分割线

更新时间:2021-10-11 13:44:36

0