修改el-descriptions padding
时间: 2024-01-13 19:41:38 浏览: 58
你可以通过修改CSS样式来调整`el-descriptions`组件的padding。在你的CSS文件中添加以下样式代码:
```css
.el-descriptions {
padding: 20px; /* 根据需要调整padding的数值 */
}
```
将`20px`替换为你想要的padding数值,然后将CSS文件引入到你的HTML文件中即可生效。这样就可以修改`el-descriptions`组件的padding了。
相关问题
修改el-descriptions-item padding
要修改`el-descriptions-item`组件的padding,你可以使用CSS来自定义样式。在你的CSS文件中添加以下代码:
```css
.el-descriptions-item {
padding: 10px; /* 根据需要调整padding的数值 */
}
```
将`10px`替换为你想要的padding数值,然后将CSS文件引入到你的HTML文件中即可生效。这样就可以修改`el-descriptions-item`组件的padding了。记得根据需要调整padding的数值。
如何使第一个 <el-descriptions> 的最后一个 <el-descriptions-item> 元素和第二个 <el-descriptions> 的第一个 <el-descriptions-item> 元素之间没有空白
要使第一个 `<el-descriptions>` 的最后一个 `<el-descriptions-item>` 元素和第二个 `<el-descriptions>` 的第一个 `<el-descriptions-item>` 元素之间没有空白,可以使用以下 CSS 样式:
```
.el-descriptions:not(:last-child) .el-descriptions__item:last-child .el-descriptions__content {
padding-bottom: 0;
}
```
这个样式会将除了最后一个 `el-descriptions` 以外的所有 `el-descriptions` 的最后一个 `<el-descriptions-item>` 元素的 `padding-bottom` 设置为 0,从而消除空白。需要注意的是,你需要为每个 `el-descriptions` 都添加这个样式,除了最后一个 `el-descriptions`。
阅读全文