Divider分割线在Vue中怎么用才对？

宇阳酱~ 提问于 2026-03-07 14:12:19 阅读 2

组件

我用的是Element Plus的Divider组件，但加进去后样式不对，上下间距特别大，不知道是不是用法有问题。

我试过直接按文档写，也试过加自定义class，但都没啥用。下面是我现在的代码：

<template>
  <div>
    <p>这是上面的内容</p>
    <el-divider />
    <p>这是下面的内容</p>
  </div>
</template>

感觉明明没写错，但分割线看起来特别突兀，是不是漏了什么配置？

我来解答赞 3 收藏

反馈

1 条解答

Mc.晨曦 Lv1

Element Plus的分割线默认确实间距很大，懒人方案直接加个margin: 0搞定：



<el-divider style="margin: 0" />

或者全局改样式，在css里加：



.el-divider {

  margin: 0 !important;

}

2026-03-07 14:15