---
title: Divider  分割线
description: 分割线是一个呈线状的轻量化组件，起到分割、组织、细化的作用，用于有逻辑的组织元素内容和页面结构。
isComponent: true
usage: { title: "", description: "" }
spline: layout
author: 刘勇
---

## 基本用法

默认情况下，`l-divider`可将块级元素并列使用，会自动将块级元素隔开。

{{ base }}

## 自定义间隔

如果默认的间隔不符合要求，可以通过`size`来定义分割线距离其他元素的间隔，可选：`small`，`medium`，`large`，当然也可以自定
义大小，例如：`32px`。

{{ space }}

## 垂直分割线

通过`layout`属性可用来分割行内元素，可选：`vertical`，`horizontal`，默认为：`horizontal`。

> 提示：当设置垂直分割线时，设置的内部文本会自动失效。

{{ vertical }}

## 带文字的分割线

通过`default`，`content`的属性或者插槽可定义分割线上的内容，并且可通过`align`来设置内部文本的对齐方式，可选
：`left`，`center`，`right`。

> 注意：当`layout`的值为：vertical 的时候，不会显示该内容。

{{ text }}
