element 分割线
时间: 2023-06-28 18:12:52 浏览: 126
element-ui离线
要在页面中添加 Element 分割线,您可以使用 `el-divider` 组件。下面是一个简单的示例:
```html
<template>
<div>
<h1>这是一个标题</h1>
<el-divider></el-divider>
<p>这是一些文本。</p>
</div>
</template>
<script>
export default {};
</script>
```
您可以通过设置 `content-position` 属性来改变分割线的位置,例如:
```html
<el-divider content-position="left">左侧内容</el-divider>
<el-divider content-position="right">右侧内容</el-divider>
<el-divider content-position="center">居中内容</el-divider>
```
还可以设置 `orientation` 属性来改变分割线的方向:
```html
<el-divider orientation="vertical"></el-divider>
```
更多信息请参考 Element 官方文档中 [Divider 分割线](https://element.eleme.cn/#/zh-CN/component/divider) 部分的说明。
阅读全文