element ui 虚线分割线 两端大中间小
时间: 2023-06-28 08:12:53 浏览: 366
五、前后端分离通用权限系统(5)gansu-system-front.zip
可以通过以下方式实现:
1. 首先,在需要添加分割线的地方,使用 Element UI 的 Divider 组件创建一条分割线:
```
<el-divider></el-divider>
```
2. 然后,在 CSS 中添加以下样式:
```
.el-divider {
border-top: 1px dashed #ccc;
margin: 10px 0;
}
.el-divider::before,
.el-divider::after {
content: "";
display: inline-block;
width: 10px;
height: 1px;
background-color: #ccc;
}
```
这个样式会将分割线设置为虚线,同时在两端添加长度为 10px 的小线段,让分割线看起来两端大中间小。你可以根据需要调整大小和颜色。
阅读全文